{Context::addHtmlHeader('<meta name="viewport" content="width=device-width, user-scalable=yes">')}
<load target="css/bootstrap.css" />
<load target="css/animate.css" />
<load target="css/icomoon.css" />
<load target="css/simple-line-icons.css" />
<load target="css/owl.carousel.min.css" />
<load target="css/owl.theme.default.min.css" />
<load target="css/magnific-popup.css" />
<load target="css/style.css" />
<load target="../../common/xeicon/xeicon.min.css" />
<load target="css/font-awesome.min.css" />

<load cond="$layout_info->use_color === 'pink'" target="css/pink.css" />
<load cond="$layout_info->use_color === 'blue'" target="css/blue.css" />
<load cond="$layout_info->use_color === 'turquoise'" target="css/turquoise.css" />
<load cond="$layout_info->use_color === 'orange'" target="css/orange.css" />
<load cond="$layout_info->use_color === 'lightblue'" target="css/lightblue.css" />
<load cond="$layout_info->use_color === 'brown'" target="css/brown.css" />
<load cond="$layout_info->use_color === 'green'" target="css/green.css" />
<load target="css/common.css" />

<load type="body" target="js/jquery.min.js" />
<load type="body" target="js/jquery.easing.1.3.js" />
<load type="body" target="js/bootstrap.min.js" />
<load type="body" target="js/jquery.waypoints.min.js" />
<load type="body" target="js/owl.carousel.min.js" />
<load type="body" target="js/jquery.magnific-popup.min.js" />
<load type="body" target="js/magnific-popup-options.js" />
<load type="body" target="js/main.js" />
<!-- 초기 세팅 -->
<block cond="!$layout_info->use_section1">{@ $layout_info->use_section1 = 'Y'}</block>
<block cond="!$layout_info->use_section1_sub2">{@ $layout_info->use_section1_sub2 = 'Y'}</block>
<block cond="!$layout_info->use_section2">{@ $layout_info->use_section2 = 'Y'}</block>
<block cond="!$layout_info->use_section3">{@ $layout_info->use_section3 = 'Y'}</block>
<block cond="!$layout_info->use_section4">{@ $layout_info->use_section4 = 'Y'}</block>
<block cond="!$layout_info->use_section5">{@ $layout_info->use_section5 = 'Y'}</block>
<block cond="!$layout_info->use_section6">{@ $layout_info->use_section6 = 'Y'}</block>
<!-- /.초기 세팅 -->

<!-- 로고 세팅 -->
<block cond="!$layout_info->logo_type">{@ $layout_info->logo_type = 'text'}</block>
<block cond="!$layout_info->logo_text">{@ $layout_info->logo_text = 'TAJO'}</block>
<!-- /.로고 세팅 -->



<!-- 슬라이더 세팅 -->
<block cond="!$layout_info->slider1_background_type">{@ $layout_info->slider1_background_type = 'color'}</block>
<block cond="!$layout_info->slider1_background_color">{@ $layout_info->slider1_background_color = '#352f44'}</block>
<block cond="!$layout_info->use_slider1_image">{@ $layout_info->use_slider1_image = 'Y'}</block>
<block cond="!$layout_info->slider1_direction">{@ $layout_info->slider1_direction = 'left'}</block>
<block cond="!$layout_info->slider1_header">{@ $layout_info->slider1_header = '제목을 입력하세요.'}</block>
<block cond="!$layout_info->slider1_text">{@ $layout_info->slider1_text = '내용을 입력하세요.'}</block>
<block cond="!$layout_info->use_slider1_button">{@ $layout_info->use_slider1_button = 'Y'}</block>
<block cond="!$layout_info->slider1_button_name">{@ $layout_info->slider1_button_name = '버튼'}</block>
<block cond="!$layout_info->slider1_button_link">{@ $layout_info->slider1_button_link = '#'}</block>

<block cond="!$layout_info->slider2_background_type">{@ $layout_info->slider2_background_type = 'color'}</block>
<block cond="!$layout_info->slider2_background_color">{@ $layout_info->slider2_background_color = '#352f44'}</block>
<block cond="!$layout_info->use_slider2_image">{@ $layout_info->use_slider2_image = 'Y'}</block>
<block cond="!$layout_info->slider2_direction">{@ $layout_info->slider2_direction = 'right'}</block>
<block cond="!$layout_info->slider2_header">{@ $layout_info->slider2_header = '제목을 입력하세요.'}</block>
<block cond="!$layout_info->slider2_text">{@ $layout_info->slider2_text = '내용을 입력하세요.'}</block>
<block cond="!$layout_info->use_slider2_button">{@ $layout_info->use_slider2_button = 'Y'}</block>
<block cond="!$layout_info->slider2_button_name">{@ $layout_info->slider2_button_name = '버튼'}</block>
<block cond="!$layout_info->slider2_button_link">{@ $layout_info->slider2_button_link = '#'}</block>

<block cond="$layout_info->slider_count >= 3">
	<block cond="!$layout_info->slider3_background_type">{@ $layout_info->slider3_background_type = 'color'}</block>
	<block cond="!$layout_info->slider3_background_color">{@ $layout_info->slider3_background_color = '#352f44'}</block>
	<block cond="!$layout_info->use_slider3_image">{@ $layout_info->use_slider3_image = 'Y'}</block>
	<block cond="!$layout_info->slider3_direction">{@ $layout_info->slider3_direction = 'center'}</block>
	<block cond="!$layout_info->slider3_header">{@ $layout_info->slider3_header = '제목을 입력하세요.'}</block>
	<block cond="!$layout_info->slider3_text">{@ $layout_info->slider3_text = '내용을 입력하세요.'}</block>
	<block cond="!$layout_info->use_slider3_button">{@ $layout_info->use_slider3_button = 'Y'}</block>
	<block cond="!$layout_info->slider3_button_name">{@ $layout_info->slider3_button_name = '버튼'}</block>
	<block cond="!$layout_info->slider3_button_link">{@ $layout_info->slider3_button_link = '#'}</block>
</block>

<block cond="$layout_info->slider_count >= 4">
	<block cond="!$layout_info->slider4_background_type">{@ $layout_info->slider4_background_type = 'color'}</block>
	<block cond="!$layout_info->slider4_background_color">{@ $layout_info->slider4_background_color = '#352f44'}</block>
	<block cond="!$layout_info->use_slider4_image">{@ $layout_info->use_slider4_image = 'Y'}</block>
	<block cond="!$layout_info->slider4_direction">{@ $layout_info->slider4_direction = 'left'}</block>
	<block cond="!$layout_info->slider4_header">{@ $layout_info->slider4_header = '제목을 입력하세요.'}</block>
	<block cond="!$layout_info->slider4_text">{@ $layout_info->slider4_text = '내용을 입력하세요.'}</block>
	<block cond="!$layout_info->use_slider4_button">{@ $layout_info->use_slider4_button = 'Y'}</block>
	<block cond="!$layout_info->slider4_button_name">{@ $layout_info->slider4_button_name = '버튼'}</block>
	<block cond="!$layout_info->slider4_button_link">{@ $layout_info->slider4_button_link = '#'}</block>
</block>

<block cond="$layout_info->slider_count >= 5">
	<block cond="!$layout_info->slider5_background_type">{@ $layout_info->slider5_background_type = 'color'}</block>
	<block cond="!$layout_info->slider5_background_color">{@ $layout_info->slider5_background_color = '#352f44'}</block>
	<block cond="!$layout_info->use_slider5_image">{@ $layout_info->use_slider5_image = 'Y'}</block>
	<block cond="!$layout_info->slider5_direction">{@ $layout_info->slider5_direction = 'right'}</block>
	<block cond="!$layout_info->slider5_header">{@ $layout_info->slider5_header = '제목을 입력하세요.'}</block>
	<block cond="!$layout_info->slider5_text">{@ $layout_info->slider5_text = '내용을 입력하세요.'}</block>
	<block cond="!$layout_info->use_slider5_button">{@ $layout_info->use_slider5_button = 'Y'}</block>
	<block cond="!$layout_info->slider5_button_name">{@ $layout_info->slider5_button_name = '버튼'}</block>
	<block cond="!$layout_info->slider5_button_link">{@ $layout_info->slider5_button_link = '#'}</block>
</block>
<!-- /.슬라이더 세팅 -->

<!-- Section 1 -->
<block cond="$layout_info->use_section1 == 'Y'">
	<!-- Navbar Title -->
	<block cond="!$layout_info->section1_top_title">{@ $layout_info->section1_top_title = '섹션 1'}</block>
	<!-- /.Navbar Title -->

	<!-- Section 1 SubPage 1 Setting -->
	<block cond="!$layout_info->section1_sub1_title">{@ $layout_info->section1_sub1_title = '섹션 1 - 서브 1'}</block>
	<block cond="!$layout_info->section1_sub1_content">{@ $layout_info->section1_sub1_content = '섹션 1 - 서브 1의 내용을 입력합니다.'}</block>
	<block cond="!$layout_info->section1_sub1_info_title">{@ $layout_info->section1_sub1_info_title = '서브 1 이미지 소개 제목'}</block>
	<block cond="!$layout_info->section1_sub1_info_content">{@ $layout_info->section1_sub1_info_content = '섹션 1 - 서브 1 이미지 소개 내용을 입력합니다.'}</block>
	<block cond="!$layout_info->section1_sub1_use_button">{@ $layout_info->section1_sub1_use_button = 'Y'}</block>
	<block cond="!$layout_info->section1_sub1_button_name">{@ $layout_info->section1_sub1_button_name = '섹션 1 버튼'}</block>
	<block cond="!$layout_info->section1_sub1_button_link">{@ $layout_info->section1_sub1_button_link = '#'}</block>
	<!-- /.Section 1 SubPage 1 Setting -->

	<!-- Section 1 SubPage 2 Setting -->
	<block cond="$layout_info->use_section1_sub2 == 'Y'">
		<block cond="!$layout_info->section1_sub2_title">{@ $layout_info->section1_sub2_title = '섹션 1 - 서브 2'}</block>
		<block cond="!$layout_info->section1_sub2_count">{@ $layout_info->section1_sub2_count = '3'}</block>

		<block cond="!$layout_info->section1_sub2_1_title">{@ $layout_info->section1_sub2_1_title = '서브 2-1 제목'}</block>
		<block cond="!$layout_info->section1_sub2_1_sub_title">{@ $layout_info->section1_sub2_1_sub_title = '서브 2-1 부제목'}</block>
		<block cond="!$layout_info->section1_sub2_1_content">{@ $layout_info->section1_sub2_1_content = '서브 2-1 내용을 입력합니다.'}</block>

		<block cond="!$layout_info->section1_sub2_2_title">{@ $layout_info->section1_sub2_2_title = '서브 2-2 제목'}</block>
		<block cond="!$layout_info->section1_sub2_2_sub_title">{@ $layout_info->section1_sub2_2_sub_title = '서브 2-2 부제목'}</block>
		<block cond="!$layout_info->section1_sub2_2_content">{@ $layout_info->section1_sub2_2_content = '서브 2-2 내용을 입력합니다.'}</block>

		<block cond="!$layout_info->section1_sub2_3_title">{@ $layout_info->section1_sub2_3_title = '서브 2-3 제목'}</block>
		<block cond="!$layout_info->section1_sub2_3_sub_title">{@ $layout_info->section1_sub2_3_sub_title = '서브 2-3 부제목'}</block>
		<block cond="!$layout_info->section1_sub2_3_content">{@ $layout_info->section1_sub2_3_content = '서브 2-3 내용을 입력합니다.'}</block>

		<block cond="!$layout_info->section1_sub2_4_title">{@ $layout_info->section1_sub2_4_title = '서브 2-4 제목'}</block>
		<block cond="!$layout_info->section1_sub2_4_sub_title">{@ $layout_info->section1_sub2_4_sub_title = '서브 2-4 부제목'}</block>
		<block cond="!$layout_info->section1_sub2_4_content">{@ $layout_info->section1_sub2_4_content = '서브 2-4 내용을 입력합니다.'}</block>
	</block>
	<!-- /.Section 1 SubPage 2 Setting -->
</block>
<!-- /.Section 1 -->

<!-- Section 2 -->
<block cond="$layout_info->use_section2 == 'Y'">
	<!-- Navbar Title -->
	<block cond="!$layout_info->section2_top_title">{@ $layout_info->section2_top_title = '섹션 2'}</block>
	<!-- /.Navbar Title -->

	<block cond="!$layout_info->section2_title">{@ $layout_info->section2_title = '섹션 2 제목'}</block>
	<block cond="!$layout_info->section2_content">{@ $layout_info->section2_content = '섹션 2의 내용을 입력합니다.'}</block>
	<block cond="!$layout_info->section2_count">{@ $layout_info->section2_count = 6}</block>

	<block cond="!$layout_info->section2_sub1_icon">{@ $layout_info->section2_sub1_icon = 'fa fa-book'}</block>
	<block cond="!$layout_info->section2_sub1_icon_color">{@ $layout_info->section2_sub1_icon_color = '#fff'}</block>
	<block cond="!$layout_info->section2_sub1_icon_bgcolor">{@ $layout_info->section2_sub1_icon_bgcolor = '#2aaf67'}</block>
	<block cond="!$layout_info->section2_sub1_title">{@ $layout_info->section2_sub1_title = '섹션 2 서브 1 제목'}</block>
	<block cond="!$layout_info->section2_sub1_content">{@ $layout_info->section2_sub1_content = '섹션 2 서브 1 내용을 입력합니다.'}</block>

	<block cond="!$layout_info->section2_sub2_icon">{@ $layout_info->section2_sub2_icon = 'xi-sitemap'}</block>
	<block cond="!$layout_info->section2_sub2_icon_color">{@ $layout_info->section2_sub2_icon_color = '#fff'}</block>
	<block cond="!$layout_info->section2_sub2_icon_bgcolor">{@ $layout_info->section2_sub2_icon_bgcolor = '#00bff3'}</block>
	<block cond="!$layout_info->section2_sub2_title">{@ $layout_info->section2_sub2_title = '섹션 2 서브 2 제목'}</block>
	<block cond="!$layout_info->section2_sub2_content">{@ $layout_info->section2_sub2_content = '섹션 2 서브 2 내용을 입력합니다.'}</block>

	<block cond="!$layout_info->section2_sub3_icon">{@ $layout_info->section2_sub3_icon = 'fa fa-cloud'}</block>
	<block cond="!$layout_info->section2_sub3_icon_color">{@ $layout_info->section2_sub3_icon_color = '#fff'}</block>
	<block cond="!$layout_info->section2_sub3_icon_bgcolor">{@ $layout_info->section2_sub3_icon_bgcolor = '#f26522'}</block>
	<block cond="!$layout_info->section2_sub3_title">{@ $layout_info->section2_sub3_title = '섹션 2 서브 3 제목'}</block>
	<block cond="!$layout_info->section2_sub3_content">{@ $layout_info->section2_sub3_content = '섹션 2 서브 3 내용을 입력합니다.'}</block>

	<block cond="!$layout_info->section2_sub4_icon">{@ $layout_info->section2_sub4_icon = 'fa fa-bolt'}</block>
	<block cond="!$layout_info->section2_sub4_icon_color">{@ $layout_info->section2_sub4_icon_color = '#fff'}</block>
	<block cond="!$layout_info->section2_sub4_icon_bgcolor">{@ $layout_info->section2_sub4_icon_bgcolor = '#e52b50'}</block>
	<block cond="!$layout_info->section2_sub4_title">{@ $layout_info->section2_sub4_title = '섹션 2 서브 4 제목'}</block>
	<block cond="!$layout_info->section2_sub4_content">{@ $layout_info->section2_sub4_content = '섹션 2 서브 4 내용을 입력합니다.'}</block>

	<block cond="!$layout_info->section2_sub5_icon">{@ $layout_info->section2_sub5_icon = 'xi-paper'}</block>
	<block cond="!$layout_info->section2_sub5_icon_color">{@ $layout_info->section2_sub5_icon_color = '#fff'}</block>
	<block cond="!$layout_info->section2_sub5_icon_bgcolor">{@ $layout_info->section2_sub5_icon_bgcolor = '#2fc5cc'}</block>
	<block cond="!$layout_info->section2_sub5_title">{@ $layout_info->section2_sub5_title = '섹션 2 서브 5 제목'}</block>
	<block cond="!$layout_info->section2_sub5_content">{@ $layout_info->section2_sub5_content = '섹션 2 서브 5 내용을 입력합니다.'}</block>

	<block cond="!$layout_info->section2_sub6_icon">{@ $layout_info->section2_sub6_icon = 'xi-magnet'}</block>
	<block cond="!$layout_info->section2_sub6_icon_color">{@ $layout_info->section2_sub6_icon_color = '#fff'}</block>
	<block cond="!$layout_info->section2_sub6_icon_bgcolor">{@ $layout_info->section2_sub6_icon_bgcolor = '#6173f4'}</block>
	<block cond="!$layout_info->section2_sub6_title">{@ $layout_info->section2_sub6_title = '섹션 2 서브 6 제목'}</block>
	<block cond="!$layout_info->section2_sub6_content">{@ $layout_info->section2_sub6_content = '섹션 2 서브 6 내용을 입력합니다.'}</block>

</block>
<!-- /.Section 2 -->

<!-- Section 3 -->
<block cond="$layout_info->use_section3 == 'Y'">
	<!-- Navbar Title -->
	<block cond="!$layout_info->section3_top_title">{@ $layout_info->section3_top_title = '섹션 3'}</block>
	<!-- /.Navbar Title -->

	<block cond="!$layout_info->section3_title">{@ $layout_info->section3_title = '섹션 3 제목'}</block>
	<block cond="!$layout_info->section3_content">{@ $layout_info->section3_content = '섹션 3의 내용을 입력합니다.'}</block>
	<block cond="!$layout_info->section3_count">{@ $layout_info->section3_count = 6}</block>

	<block cond="!$layout_info->section3_sub1_icon">{@ $layout_info->section3_sub1_icon = 'fa fa-book'}</block>
	<block cond="!$layout_info->section3_sub1_title">{@ $layout_info->section3_sub1_title = '섹션 3 서브 1 제목'}</block>
	<block cond="!$layout_info->section3_sub1_content">{@ $layout_info->section3_sub1_content = '섹션 3 서브 1 내용을 입력합니다.'}</block>

	<block cond="!$layout_info->section3_sub2_icon">{@ $layout_info->section3_sub2_icon = 'xi-sitemap'}</block>
	<block cond="!$layout_info->section3_sub2_title">{@ $layout_info->section3_sub2_title = '섹션 3 서브 2 제목'}</block>
	<block cond="!$layout_info->section3_sub2_content">{@ $layout_info->section3_sub2_content = '섹션 3 서브 2 내용을 입력합니다.'}</block>

	<block cond="!$layout_info->section3_sub3_icon">{@ $layout_info->section3_sub3_icon = 'fa fa-cloud'}</block>
	<block cond="!$layout_info->section3_sub3_title">{@ $layout_info->section3_sub3_title = '섹션 3 서브 3 제목'}</block>
	<block cond="!$layout_info->section3_sub3_content">{@ $layout_info->section3_sub3_content = '섹션 3 서브 3 내용을 입력합니다.'}</block>

	<block cond="!$layout_info->section3_sub4_icon">{@ $layout_info->section3_sub4_icon = 'fa fa-bolt'}</block>
	<block cond="!$layout_info->section3_sub4_title">{@ $layout_info->section3_sub4_title = '섹션 3 서브 4 제목'}</block>
	<block cond="!$layout_info->section3_sub4_content">{@ $layout_info->section3_sub4_content = '섹션 3 서브 4 내용을 입력합니다.'}</block>

	<block cond="!$layout_info->section3_sub5_icon">{@ $layout_info->section3_sub5_icon = 'xi-paper'}</block>
	<block cond="!$layout_info->section3_sub5_title">{@ $layout_info->section3_sub5_title = '섹션 3 서브 5 제목'}</block>
	<block cond="!$layout_info->section3_sub5_content">{@ $layout_info->section3_sub5_content = '섹션 3 서브 5 내용을 입력합니다.'}</block>

	<block cond="!$layout_info->section3_sub6_icon">{@ $layout_info->section3_sub6_icon = 'xi-magnet'}</block>
	<block cond="!$layout_info->section3_sub6_title">{@ $layout_info->section3_sub6_title = '섹션 3 서브 6 제목'}</block>
	<block cond="!$layout_info->section3_sub6_content">{@ $layout_info->section3_sub6_content = '섹션 3 서브 6 내용을 입력합니다.'}</block>

	<block cond="!$layout_info->use_section3_button">{@ $layout_info->use_section3_button = 'Y'}</block>
	<block cond="!$layout_info->section3_button_name">{@ $layout_info->section3_button_name = '버튼'}</block>
	<block cond="!$layout_info->section3_button_link">{@ $layout_info->section3_button_link = '#'}</block>
</block>
<!-- /.Section 3 -->

<!-- Section 4 -->
<block cond="$layout_info->use_section4 == 'Y'">
	<!-- Navbar Title -->
	<block cond="!$layout_info->section4_top_title">{@ $layout_info->section4_top_title = '섹션 4'}</block>
	<!-- /.Navbar Title -->

	<block cond="!$layout_info->section4_title">{@ $layout_info->section4_title = '섹션 4 제목'}</block>
	<block cond="!$layout_info->section4_content">{@ $layout_info->section4_content = '섹션 4의 내용을 입력합니다.'}</block>
	<block cond="!$layout_info->section4_count">{@ $layout_info->section4_count = 6}</block>

	<block cond="!$layout_info->section4_sub1_icon">{@ $layout_info->section4_sub1_icon = 'fa fa-quote-left'}</block>
	<block cond="!$layout_info->section4_sub1_content">{@ $layout_info->section4_sub1_content = '섹션 4 서브 1 내용을 입력합니다.'}</block>
	<block cond="!$layout_info->section4_sub1_name">{@ $layout_info->section4_sub1_name = '섹션 4 서브 1 이름'}</block>
	<block cond="!$layout_info->section4_sub1_info">{@ $layout_info->section4_sub1_info = '섹션 4 서브 1 정보'}</block>

	<block cond="!$layout_info->section4_sub2_icon">{@ $layout_info->section4_sub2_icon = 'fa fa-quote-left'}</block>
	<block cond="!$layout_info->section4_sub2_content">{@ $layout_info->section4_sub2_content = '섹션 4 서브 2 내용을 입력합니다.'}</block>
	<block cond="!$layout_info->section4_sub2_name">{@ $layout_info->section4_sub2_name = '섹션 4 서브 2 이름'}</block>
	<block cond="!$layout_info->section4_sub2_info">{@ $layout_info->section4_sub2_info = '섹션 4 서브 2 정보'}</block>

	<block cond="!$layout_info->section4_sub3_icon">{@ $layout_info->section4_sub3_icon = 'fa fa-quote-left'}</block>
	<block cond="!$layout_info->section4_sub3_content">{@ $layout_info->section4_sub3_content = '섹션 4 서브 3 내용을 입력합니다.'}</block>
	<block cond="!$layout_info->section4_sub3_name">{@ $layout_info->section4_sub3_name = '섹션 4 서브 3 이름'}</block>
	<block cond="!$layout_info->section4_sub3_info">{@ $layout_info->section4_sub3_info = '섹션 4 서브 3 정보'}</block>

	<block cond="!$layout_info->section4_sub4_icon">{@ $layout_info->section4_sub4_icon = 'fa fa-quote-left'}</block>
	<block cond="!$layout_info->section4_sub4_content">{@ $layout_info->section4_sub4_content = '섹션 4 서브 4 내용을 입력합니다.'}</block>
	<block cond="!$layout_info->section4_sub4_name">{@ $layout_info->section4_sub4_name = '섹션 4 서브 4 이름'}</block>
	<block cond="!$layout_info->section4_sub4_info">{@ $layout_info->section4_sub4_info = '섹션 4 서브 4 정보'}</block>

	<block cond="!$layout_info->section4_sub5_icon">{@ $layout_info->section4_sub5_icon = 'fa fa-quote-left'}</block>
	<block cond="!$layout_info->section4_sub5_content">{@ $layout_info->section4_sub5_content = '섹션 4 서브 5 내용을 입력합니다.'}</block>
	<block cond="!$layout_info->section4_sub5_name">{@ $layout_info->section4_sub5_name = '섹션 4 서브 5 이름'}</block>
	<block cond="!$layout_info->section4_sub5_info">{@ $layout_info->section4_sub5_info = '섹션 4 서브 5 정보'}</block>

	<block cond="!$layout_info->section4_sub6_icon">{@ $layout_info->section4_sub6_icon = 'fa fa-quote-left'}</block>
	<block cond="!$layout_info->section4_sub6_content">{@ $layout_info->section4_sub6_content = '섹션 4 서브 6 내용을 입력합니다.'}</block>
	<block cond="!$layout_info->section4_sub6_name">{@ $layout_info->section4_sub6_name = '섹션 4 서브 6 이름'}</block>
	<block cond="!$layout_info->section4_sub6_info">{@ $layout_info->section4_sub6_info = '섹션 4 서브 6 정보'}</block>
</block>
<!-- /.Section 4 -->

<!-- Section 5 -->
<block cond="$layout_info->use_section5 == 'Y'">
	<!-- Navbar Title -->
	<block cond="!$layout_info->section5_top_title">{@ $layout_info->section5_top_title = '섹션 5'}</block>
	<!-- /.Navbar Title -->

	<block cond="!$layout_info->section5_title">{@ $layout_info->section5_title = '섹션 5 제목'}</block>
	<block cond="!$layout_info->section5_content">{@ $layout_info->section5_content = '섹션 5의 내용을 입력합니다.'}</block>
	<block cond="!$layout_info->section5_count">{@ $layout_info->section5_count = 4}</block>
	<block cond="!$layout_info->section5_grade_popular">{@ $layout_info->section5_grade_popular = 3}</block>
	<block cond="!$layout_info->section5_popular_name">{@ $layout_info->section5_popular_name = '추천'}</block>

	<block cond="!$layout_info->section5_grade1_name">{@ $layout_info->section5_grade1_name = '등급 1'}</block>
	<block cond="!$layout_info->section5_grade1_money_type">{@ $layout_info->section5_grade1_money_type = 'fa fa-won'}</block>
	<block cond="!$layout_info->section5_grade1_pay_type">{@ $layout_info->section5_grade1_pay_type = '월'}</block>
	<block cond="!$layout_info->section5_grade1_money">{@ $layout_info->section5_grade1_money = '7000'}</block>
	<block cond="!$layout_info->section5_grade1_description">{@ $layout_info->section5_grade1_description = '섹션 4 등급 1 설명'}</block>
	<block cond="empty($layout_info->section5_grade1_detail)">
		{@ $grade1_data = array('상세정보 1', '상세정보 2', '상세정보 3')}
	</block>
	<block cond="$layout_info->section5_grade1_detail">
		{@ $grade1_data = explode("\n", $layout_info->section5_grade1_detail)}
	</block>
	<block cond="!$layout_info->section5_grade1_button_name">{@ $layout_info->section5_grade1_button_name = '버튼'}</block>
	<block cond="!$layout_info->section5_grade1_button_link">{@ $layout_info->section5_grade1_button_link = '#'}</block>

	<block cond="!$layout_info->section5_grade2_name">{@ $layout_info->section5_grade2_name = '등급 2'}</block>
	<block cond="!$layout_info->section5_grade2_money_type">{@ $layout_info->section5_grade2_money_type = 'fa fa-won'}</block>
	<block cond="!$layout_info->section5_grade2_pay_type">{@ $layout_info->section5_grade2_pay_type = '월'}</block>
	<block cond="!$layout_info->section5_grade2_money">{@ $layout_info->section5_grade2_money = '7000'}</block>
	<block cond="!$layout_info->section5_grade2_description">{@ $layout_info->section5_grade2_description = '섹션 4 등급 2 설명'}</block>
	<block cond="empty($layout_info->section5_grade2_detail)">
		{@ $grade2_data = array('상세정보 1', '상세정보 2', '상세정보 3')}
	</block>
	<block cond="$layout_info->section5_grade2_detail">
		{@ $grade2_data = explode("\n", $layout_info->section5_grade2_detail)}
	</block>
	<block cond="!$layout_info->section5_grade2_button_name">{@ $layout_info->section5_grade2_button_name = '버튼'}</block>
	<block cond="!$layout_info->section5_grade2_button_link">{@ $layout_info->section5_grade2_button_link = '#'}</block>

	<block cond="!$layout_info->section5_grade3_name">{@ $layout_info->section5_grade3_name = '등급 3'}</block>
	<block cond="!$layout_info->section5_grade3_money_type">{@ $layout_info->section5_grade3_money_type = 'fa fa-won'}</block>
	<block cond="!$layout_info->section5_grade3_pay_type">{@ $layout_info->section5_grade3_pay_type = '월'}</block>
	<block cond="!$layout_info->section5_grade3_money">{@ $layout_info->section5_grade3_money = '7000'}</block>
	<block cond="!$layout_info->section5_grade3_description">{@ $layout_info->section5_grade3_description = '섹션 4 등급 3 설명'}</block>
	<block cond="empty($layout_info->section5_grade3_detail)">
		{@ $grade3_data = array('상세정보 1', '상세정보 2', '상세정보 3')}
	</block>
	<block cond="$layout_info->section5_grade3_detail">
		{@ $grade3_data = explode("\n", $layout_info->section5_grade3_detail)}
	</block>
	<block cond="!$layout_info->section5_grade3_button_name">{@ $layout_info->section5_grade3_button_name = '버튼'}</block>
	<block cond="!$layout_info->section5_grade3_button_link">{@ $layout_info->section5_grade3_button_link = '#'}</block>

	<block cond="!$layout_info->section5_grade4_name">{@ $layout_info->section5_grade4_name = '등급 4'}</block>
	<block cond="!$layout_info->section5_grade4_money_type">{@ $layout_info->section5_grade4_money_type = 'fa fa-won'}</block>
	<block cond="!$layout_info->section5_grade4_pay_type">{@ $layout_info->section5_grade4_pay_type = '월'}</block>
	<block cond="!$layout_info->section5_grade4_money">{@ $layout_info->section5_grade4_money = '7000'}</block>
	<block cond="!$layout_info->section5_grade4_description">{@ $layout_info->section5_grade4_description = '섹션 4 등급 4 설명'}</block>
	<block cond="empty($layout_info->section5_grade4_detail)">
		{@ $grade4_data = array('상세정보 1', '상세정보 2', '상세정보 3')}
	</block>
	<block cond="$layout_info->section5_grade4_detail">
		{@ $grade4_data = explode("\n", $layout_info->section5_grade4_detail)}
	</block>
	<block cond="!$layout_info->section5_grade4_button_name">{@ $layout_info->section5_grade4_button_name = '버튼'}</block>
	<block cond="!$layout_info->section5_grade4_button_link">{@ $layout_info->section5_grade4_button_link = '#'}</block>
</block>
<!-- /.Section 5 -->

<!-- Section 6 -->
<block cond="$layout_info->use_section6 == 'Y'">
	<!-- Navbar Title -->
	<block cond="!$layout_info->section6_top_title">{@ $layout_info->section6_top_title = '섹션 6'}</block>
	<!-- /.Navbar Title -->

	<block cond="!$layout_info->section6_count">{@ $layout_info->section6_count = 6}</block>

	<block cond="!$layout_info->section6_title">{@ $layout_info->section6_title = '섹션 6'}</block>
	<block cond="!$layout_info->section6_content">{@ $layout_info->section6_content = '섹션 6 내용을 입력합니다.'}</block>


	<block cond="!$layout_info->section6_sub1_title">{@ $layout_info->section6_sub1_title = '섹션 6 서브 1'}</block>
	<block cond="!$layout_info->section6_sub1_text">{@ $layout_info->section6_sub1_text = '섹션 6 서브 1 부제목'}</block>
	<block cond="!$layout_info->section6_sub1_image">{@ $layout_info->section6_sub1_image = $layout_info->path.'images/work_1.jpg'}</block>

	<block cond="!$layout_info->section6_sub2_title">{@ $layout_info->section6_sub2_title = '섹션 6 서브 2'}</block>
	<block cond="!$layout_info->section6_sub2_text">{@ $layout_info->section6_sub2_text = '섹션 6 서브 2 부제목'}</block>
	<block cond="!$layout_info->section6_sub2_image">{@ $layout_info->section6_sub2_image = $layout_info->path.'images/work_2.jpg'}</block>

	<block cond="!$layout_info->section6_sub3_title">{@ $layout_info->section6_sub3_title = '섹션 6 서브 3'}</block>
	<block cond="!$layout_info->section6_sub3_text">{@ $layout_info->section6_sub3_text = '섹션 6 서브 3 부제목'}</block>
	<block cond="!$layout_info->section6_sub3_image">{@ $layout_info->section6_sub3_image = $layout_info->path.'images/work_3.jpg'}</block>

	<block cond="!$layout_info->section6_sub4_title">{@ $layout_info->section6_sub4_title = '섹션 6 서브 4'}</block>
	<block cond="!$layout_info->section6_sub4_text">{@ $layout_info->section6_sub4_text = '섹션 6 서브 4 부제목'}</block>
	<block cond="!$layout_info->section6_sub4_image">{@ $layout_info->section6_sub4_image = $layout_info->path.'images/work_4.jpg'}</block>

	<block cond="!$layout_info->section6_sub5_title">{@ $layout_info->section6_sub5_title = '섹션 6 서브 5'}</block>
	<block cond="!$layout_info->section6_sub5_text">{@ $layout_info->section6_sub5_text = '섹션 6 서브 5 부제목'}</block>
	<block cond="!$layout_info->section6_sub5_image">{@ $layout_info->section6_sub5_image = $layout_info->path.'images/work_5.jpg'}</block>

	<block cond="!$layout_info->section6_sub6_title">{@ $layout_info->section6_sub6_title = '섹션 6 서브 6'}</block>
	<block cond="!$layout_info->section6_sub6_text">{@ $layout_info->section6_sub6_text = '섹션 6 서브 6 부제목'}</block>
	<block cond="!$layout_info->section6_sub6_image">{@ $layout_info->section6_sub6_image = $layout_info->path.'images/work_6.jpg'}</block>

	<block cond="!$layout_info->use_section6_button">{@ $layout_info->use_section6_button = 'Y'}</block>
	<block cond="!$layout_info->section6_button_name">{@ $layout_info->section6_button_name = '버튼'}</block>
	<block cond="!$layout_info->section6_button_link">{@ $layout_info->section6_button_link = '#'}</block>

</block>
<!-- /.Section 6 -->

<!-- Footer -->
<block cond="!$layout_info->copyright">{@ $layout_info->copyright = '&copy; 2015 Free <a href="index.html">Crew</a>. All Rights Reserved.
	Free HTML5 Template by <a href="http://freehtml5.co/" target="_blank">FREEHTML5.co</a> | Images by <a href="http://pexels.com/" target="_blank">Pexels</a> &amp;  <a href="http://unsplash.com/" target="_blank">Unsplash</a>
	Modify by KimTAJO.</p>'}
</block>
<block cond="!$layout_info->use_social">{@ $layout_info->use_social = 'Y'}</block>
<block cond="$layout_info->use_social == 'Y' && !$layout_info->social_info">
	{@ $social_data = array('xi-twitter||#', 'xi-facebook||#', 'xi-git||https://github.com/kimtajo/kimtajo_responsive_one_page')}
</block>
<block cond="$layout_info->social_info">
	{@ $social_data = explode("\n", $layout_info->$social_data)}
</block>
<!-- /.Footer -->

<!-- 포인트 색상(지정) -->
<block cond="$layout_info->use_color === 'custom'">
	<style>
		a,a:hover,a:active,a:focus,#fh5co-header .navbar-brand,#fh5co-header #navbar li a:hover,#fh5co-header #navbar li.active a,#fh5co-header.navbar-fixed-top .navbar-brand,#fh5co-header.navbar-fixed-top #navbar li a:hover,#fh5co-header.navbar-fixed-top #navbar li.active a, #fh5co-header .navbar-default .brand-slogan em, #fh5co-features .fh5co-service .fh5co-icon i {color: {$layout_info->custom_color};}
		#fh5co-header #navbar li a span:before, #fh5co-header #navbar ul > li.open > a {background-color: {$layout_info->custom_color};}

		.section-heading h2:after, #fh5co-testimonials, #fh5co-testimonials .box-testimony blockquote .quote, #fh5co-pricing .price-box.popular .popular-text, #fh5co-press .fh5co-press-item .fh5co-press-text .fh5co-press-title .fh5co-border,
		.fh5co-nav-toggle.active i::before, .fh5co-nav-toggle.active i::after,
		.fh5co-nav-toggle i::before, .fh5co-nav-toggle i::after,
		.btn.btn-primary,
		.btn.btn-primary:hover, .btn.btn-primary:active, .btn.btn-primary:focus,
		.social li a.social-box,
		.social li a.social-circle,
		.social.social-box a,
		.social.social-circle a
		{background: {$layout_info->custom_color};}

		#fh5co-pricing .price-box.popular{border-color: {$layout_info->custom_color};}

		#fh5co-pricing .price-box.popular .popular-text:after
		{border-top-color: {$layout_info->custom_color};}

		.fh5co-nav-toggle i{ color:{$layout_info->custom_color}; background:{$layout_info->custom_color}; }
	</style>
</block>
<!-- /.포인트 색상(지정) -->
<header role="banner" id="fh5co-header">
	<div class="container">
		<!-- <div class="row"> -->
		<nav class="navbar navbar-default">
			<div class="navbar-header">
				<!-- Mobile Toggle Menu Button -->
				<a href="#" class="js-fh5co-nav-toggle fh5co-nav-toggle" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"><i></i></a>
				<!--@if($layout_info->logo_type == 'text')-->
				<a class="navbar-brand" href="{getUrl('')}">
					{$layout_info->logo_text}
				</a>
				<!--@else-->

				<a class="navbar-brand-img" href="{getUrl('')}">
					<!--@if(!$layout_info->transparent_logo_image)-->
					<img src="{$layout_info->logo_image}" alt="{$layout_info->logo_text}" />
					<!--@else-->
					<img id="transparent_logo_image" src="{$layout_info->transparent_logo_image}" alt="{$layout_info->logo_text}" class="fh5co-transparent-logo-image" />
					<img id="logo_image" src="{$layout_info->logo_image}" alt="{$layout_info->logo_text}" class="hidden fh5co-logo-image" />
					<!--@end-->
				</a>
				<!--@end-->
			</div>
			<div id="navbar" class="navbar-collapse collapse">
				<ul class="nav navbar-nav navbar-right">
					<li class="active"><a href="#" data-nav-section="home"><span>Home</span></a></li>
					<li cond="$layout_info->use_section1 === 'Y'"><a href="#" data-nav-section="section1"><span>{$layout_info->section1_top_title}</span></a></li>
					<li cond="$layout_info->use_section2 === 'Y'"><a href="#" data-nav-section="section2"><span>{$layout_info->section2_top_title}</span></a></li>
					<li cond="$layout_info->use_section3 === 'Y'"><a href="#" data-nav-section="section3"><span>{$layout_info->section3_top_title}</span></a></li>
					<li cond="$layout_info->use_section4 === 'Y'"><a href="#" data-nav-section="section4"><span>{$layout_info->section4_top_title}</span></a></li>
					<li cond="$layout_info->use_section5 === 'Y'"><a href="#" data-nav-section="section5"><span>{$layout_info->section5_top_title}</span></a></li>
					<li cond="$layout_info->use_section6 === 'Y'"><a href="#" data-nav-section="section6"><span>{$layout_info->section6_top_title}</span></a></li>

					<!-- 로그인 메뉴 -->
					<li>
						<a id="user_info" data-target="#" href="#" data-toggle="dropdown" aria-haspopup="true" role="button" aria-expanded="false">
							<!--@if(!$is_logged)-->
								<i class="icon-user"></i>
							<!--@else-->
								<i class="xi-cog"></i>
							<!--@end-->
						</a>
							<ul class="dropdown-menu" role="menu" aria-labelledby="user_info">
								<!--@if(!$is_logged)-->
								<li><a href="#" data-toggle="modal" data-target="#loginModal"><i class="xi-user-add"></i>  {$lang->cmd_login}</a></a></li>
								<!--@else-->
								<li><a href="{getUrl('act', 'dispMemberLogout')}"><i class="icon-logout"></i> {$lang->cmd_logout}</a></li>
								<li cond="$logged_info->is_admin == 'Y'"><a href="{getUrl('', 'module', 'admin')}" target="_blank"><i class="xi-cog"></i> {$lang->cmd_management}</a></li>
								<!--@end-->
							</ul>
					</li>
					<!-- /.로그인 메뉴 -->
				</ul>
			</div>
		</nav>
		<!-- </div> -->
	</div>
</header>

<div id="slider" data-section="home">
	<div class="owl-carousel owl-carousel-fullwidth">

		<div class="item" style="background: {$layout_info->slider1_background_color};"|cond="$layout_info->slider1_background_type === 'color'" style="background-image:url({$layout_info->slider1_background_image})">
			<div class="container" style="position: relative;">
				<div class="row">
					<!--@if($layout_info->slider1_direction === 'left')-->
					<div class="col-md-7 col-sm-7">
						<div class="fh5co-owl-text-wrap">
							<div class="fh5co-owl-text">
								<h1 class="fh5co-lead to-animate">{$layout_info->slider1_header}</h1>
								<h2 class="fh5co-sub-lead to-animate">
									{nl2br($layout_info->slider1_text)}
								</h2>
								<p class="to-animate-2"><a href="{$layout_info->slider1_button_link}" target="_blank" class="btn btn-primary btn-lg">{$layout_info->slider1_button_name}</a></p>
							</div>
						</div>
					</div>
					<div cond="$layout_info->use_slider1_image === 'Y'" class="col-md-4 col-md-push-1 col-sm-4 col-sm-push-1 iphone-image">
						<div class="iphone to-animate-2">
							<!--@if(!$layout_info->slider1_image)-->
							<img src="images/iphone-1.png">
							<!--@else-->
							<img src="{$layout_info->slider1_image}">
							<!--@end-->
						</div>
					</div>

					<!--@else if($layout_info->slider1_direction === 'right')-->
					<div class="col-md-7 col-md-push-1 col-md-push-5 col-sm-7 col-sm-push-1 col-sm-push-5 text-right">
						<div class="fh5co-owl-text-wrap">
							<div class="fh5co-owl-text">
								<h1 class="fh5co-lead to-animate">{$layout_info->slider1_header}</h1>
								<h2 class="fh5co-sub-lead to-animate">
									{nl2br($layout_info->slider1_text)}
								</h2>
								<p class="to-animate-2"><a href="{$layout_info->slider1_button_link}" target="_blank" class="btn btn-primary btn-lg">{$layout_info->slider1_button_name}</a></p>
							</div>
						</div>
					</div>
					<div cond="$layout_info->use_slider1_image === 'Y'" class="col-md-4 col-md-pull-7 col-sm-4 col-sm-pull-7 iphone-image">
						<div class="iphone to-animate-2">
							<!--@if(!$layout_info->slider1_image)-->
							<img src="images/iphone-1.png">
							<!--@else-->
							<img src="{$layout_info->slider1_image}">
							<!--@end-->
						</div>
					</div>

					<!--@else-->
					<div class="col-md-8 col-md-offset-2 text-center">
						<div class="fh5co-owl-text-wrap">
							<div class="fh5co-owl-text">
								<h1 class="fh5co-lead to-animate">{$layout_info->slider1_header}</h1>
								<h2 class="fh5co-sub-lead to-animate">
									{nl2br($layout_info->slider1_text)}
								</h2>
								<p class="to-animate-2"><a href="{$layout_info->slider1_button_link}" target="_blank" class="btn btn-primary btn-lg">{$layout_info->slider1_button_name}</a></p>
							</div>
						</div>
					</div>
					<!--@end-->
				</div>
			</div>
		</div>

		<div class="item" style="background: {$layout_info->slider2_background_color};"|cond="$layout_info->slider2_background_type === 'color'" style="background-image:url({$layout_info->slider2_background_image})">
			<div class="container" style="position: relative;">
				<div class="row">
					<!--@if($layout_info->slider2_direction === 'left')-->
					<div class="col-md-7 col-sm-7">
						<div class="fh5co-owl-text-wrap">
							<div class="fh5co-owl-text">
								<h1 class="fh5co-lead to-animate">{$layout_info->slider2_header}</h1>
								<h2 class="fh5co-sub-lead to-animate">
									{nl2br($layout_info->slider2_text)}
								</h2>
								<p class="to-animate-2"><a href="{$layout_info->slider2_button_link}" target="_blank" class="btn btn-primary btn-lg">{$layout_info->slider2_button_name}</a></p>
							</div>
						</div>
					</div>
					<div cond="$layout_info->use_slider2_image === 'Y'" class="col-md-4 col-md-push-1 col-sm-4 col-sm-push-1 iphone-image">
						<div class="iphone to-animate-2">
							<!--@if(!$layout_info->slider2_image)-->
							<img src="images/iphone-1.png">
							<!--@else-->
							<img src="{$layout_info->slider2_image}">
							<!--@end-->
						</div>
					</div>

					<!--@else if($layout_info->slider2_direction === 'right')-->
					<div class="col-md-7 col-md-push-1 col-md-push-5 col-sm-7 col-sm-push-1 col-sm-push-5 text-right">
						<div class="fh5co-owl-text-wrap">
							<div class="fh5co-owl-text">
								<h1 class="fh5co-lead to-animate">{$layout_info->slider2_header}</h1>
								<h2 class="fh5co-sub-lead to-animate">
									{nl2br($layout_info->slider2_text)}
								</h2>
								<p class="to-animate-2"><a href="{$layout_info->slider2_button_link}" target="_blank" class="btn btn-primary btn-lg">{$layout_info->slider2_button_name}</a></p>
							</div>
						</div>
					</div>
					<div cond="$layout_info->use_slider2_image === 'Y'" class="col-md-4 col-md-pull-7 col-sm-4 col-sm-pull-7 iphone-image">
						<div class="iphone to-animate-2">
							<!--@if(!$layout_info->slider2_image)-->
							<img src="images/iphone-1.png">
							<!--@else-->
							<img src="{$layout_info->slider2_image}">
							<!--@end-->
						</div>
					</div>

					<!--@else-->
					<div class="col-md-8 col-md-offset-2 text-center">
						<div class="fh5co-owl-text-wrap">
							<div class="fh5co-owl-text">
								<h1 class="fh5co-lead to-animate">{$layout_info->slider2_header}</h1>
								<h2 class="fh5co-sub-lead to-animate">
									{nl2br($layout_info->slider2_text)}
								</h2>
								<p class="to-animate-2"><a href="{$layout_info->slider2_button_link}" target="_blank" class="btn btn-primary btn-lg">{$layout_info->slider2_button_name}</a></p>
							</div>
						</div>
					</div>
					<!--@end-->
				</div>
			</div>
		</div>

		<div cond="$layout_info->slider_count>=3" class="item" style="background: {$layout_info->slider3_background_color};"|cond="$layout_info->slider3_background_type === 'color'" style="background-image:url({$layout_info->slider3_background_image})">
			<div class="container" style="position: relative;">
				<div class="row">
					<!--@if($layout_info->slider3_direction === 'left')-->
					<div class="col-md-7 col-sm-7">
						<div class="fh5co-owl-text-wrap">
							<div class="fh5co-owl-text">
								<h1 class="fh5co-lead to-animate">{$layout_info->slider3_header}</h1>
								<h2 class="fh5co-sub-lead to-animate">
									{nl2br($layout_info->slider3_text)}
								</h2>
								<p class="to-animate-2"><a href="{$layout_info->slider3_button_link}" target="_blank" class="btn btn-primary btn-lg">{$layout_info->slider3_button_name}</a></p>
							</div>
						</div>
					</div>
					<div cond="$layout_info->use_slider3_image === 'Y'" class="col-md-4 col-md-push-1 col-sm-4 col-sm-push-1 iphone-image">
						<div class="iphone to-animate-2">
							<!--@if(!$layout_info->slider3_image)-->
							<img src="images/iphone-1.png">
							<!--@else-->
							<img src="{$layout_info->slider3_image}">
							<!--@end-->
						</div>
					</div>

					<!--@else if($layout_info->slider3_direction === 'right')-->
					<div class="col-md-7 col-md-push-1 col-md-push-5 col-sm-7 col-sm-push-1 col-sm-push-5 text-right">
						<div class="fh5co-owl-text-wrap">
							<div class="fh5co-owl-text">
								<h1 class="fh5co-lead to-animate">{$layout_info->slider3_header}</h1>
								<h2 class="fh5co-sub-lead to-animate">
									{nl2br($layout_info->slider3_text)}
								</h2>
								<p class="to-animate-2"><a href="{$layout_info->slider3_button_link}" target="_blank" class="btn btn-primary btn-lg">{$layout_info->slider3_button_name}</a></p>
							</div>
						</div>
					</div>
					<div cond="$layout_info->use_slider3_image === 'Y'" class="col-md-4 col-md-pull-7 col-sm-4 col-sm-pull-7 iphone-image">
						<div class="iphone to-animate-2">
							<!--@if(!$layout_info->slider3_image)-->
							<img src="images/iphone-1.png">
							<!--@else-->
							<img src="{$layout_info->slider3_image}">
							<!--@end-->
						</div>
					</div>

					<!--@else-->
					<div class="col-md-8 col-md-offset-2 text-center">
						<div class="fh5co-owl-text-wrap">
							<div class="fh5co-owl-text">
								<h1 class="fh5co-lead to-animate">{$layout_info->slider3_header}</h1>
								<h2 class="fh5co-sub-lead to-animate">
									{nl2br($layout_info->slider3_text)}
								</h2>
								<p class="to-animate-2"><a href="{$layout_info->slider3_button_link}" target="_blank" class="btn btn-primary btn-lg">{$layout_info->slider3_button_name}</a></p>
							</div>
						</div>
					</div>
					<!--@end-->
				</div>
			</div>
		</div>

		<div cond="$layout_info->slider_count>=4" class="item" style="background: {$layout_info->slider4_background_color};"|cond="$layout_info->slider4_background_type === 'color'" style="background-image:url({$layout_info->slider4_background_image})">
			<div class="container" style="position: relative;">
				<div class="row">
					<!--@if($layout_info->slider4_direction === 'left')-->
					<div class="col-md-7 col-sm-7">
						<div class="fh5co-owl-text-wrap">
							<div class="fh5co-owl-text">
								<h1 class="fh5co-lead to-animate">{$layout_info->slider4_header}</h1>
								<h2 class="fh5co-sub-lead to-animate">
									{nl2br($layout_info->slider4_text)}
								</h2>
								<p class="to-animate-2"><a href="{$layout_info->slider4_button_link}" target="_blank" class="btn btn-primary btn-lg">{$layout_info->slider4_button_name}</a></p>
							</div>
						</div>
					</div>
					<div cond="$layout_info->use_slider4_image === 'Y'" class="col-md-4 col-md-push-1 col-sm-4 col-sm-push-1 iphone-image">
						<div class="iphone to-animate-2">
							<!--@if(!$layout_info->slider4_image)-->
							<img src="images/iphone-1.png">
							<!--@else-->
							<img src="{$layout_info->slider4_image}">
							<!--@end-->
						</div>
					</div>

					<!--@else if($layout_info->slider4_direction === 'right')-->
					<div class="col-md-7 col-md-push-1 col-md-push-5 col-sm-7 col-sm-push-1 col-sm-push-5 text-right">
						<div class="fh5co-owl-text-wrap">
							<div class="fh5co-owl-text">
								<h1 class="fh5co-lead to-animate">{$layout_info->slider4_header}</h1>
								<h2 class="fh5co-sub-lead to-animate">
									{nl2br($layout_info->slider4_text)}
								</h2>
								<p class="to-animate-2"><a href="{$layout_info->slider4_button_link}" target="_blank" class="btn btn-primary btn-lg">{$layout_info->slider4_button_name}</a></p>
							</div>
						</div>
					</div>
					<div cond="$layout_info->use_slider4_image === 'Y'" class="col-md-4 col-md-pull-7 col-sm-4 col-sm-pull-7 iphone-image">
						<div class="iphone to-animate-2">
							<!--@if(!$layout_info->slider4_image)-->
							<img src="images/iphone-1.png">
							<!--@else-->
							<img src="{$layout_info->slider4_image}">
							<!--@end-->
						</div>
					</div>

					<!--@else-->
					<div class="col-md-8 col-md-offset-2 text-center">
						<div class="fh5co-owl-text-wrap">
							<div class="fh5co-owl-text">
								<h1 class="fh5co-lead to-animate">{$layout_info->slider4_header}</h1>
								<h2 class="fh5co-sub-lead to-animate">
									{nl2br($layout_info->slider4_text)}
								</h2>
								<p class="to-animate-2"><a href="{$layout_info->slider4_button_link}" target="_blank" class="btn btn-primary btn-lg">{$layout_info->slider4_button_name}</a></p>
							</div>
						</div>
					</div>
					<!--@end-->
				</div>
			</div>
		</div>

		<div cond="$layout_info->slider_count>=5" class="item" style="background: {$layout_info->slider5_background_color};"|cond="$layout_info->slider5_background_type === 'color'" style="background-image:url({$layout_info->slider5_background_image})">
			<div class="container" style="position: relative;">
				<div class="row">
					<!--@if($layout_info->slider5_direction === 'left')-->
					<div class="col-md-7 col-sm-7">
						<div class="fh5co-owl-text-wrap">
							<div class="fh5co-owl-text">
								<h1 class="fh5co-lead to-animate">{$layout_info->slider5_header}</h1>
								<h2 class="fh5co-sub-lead to-animate">
									{nl2br($layout_info->slider5_text)}
								</h2>
								<p class="to-animate-2"><a href="{$layout_info->slider5_button_link}" target="_blank" class="btn btn-primary btn-lg">{$layout_info->slider5_button_name}</a></p>
							</div>
						</div>
					</div>
					<div cond="$layout_info->use_slider5_image === 'Y'" class="col-md-4 col-md-push-1 col-sm-4 col-sm-push-1 iphone-image">
						<div class="iphone to-animate-2">
							<!--@if(!$layout_info->slider5_image)-->
							<img src="images/iphone-1.png">
							<!--@else-->
							<img src="{$layout_info->slider5_image}">
							<!--@end-->
						</div>
					</div>

					<!--@else if($layout_info->slider5_direction === 'right')-->
					<div class="col-md-7 col-md-push-1 col-md-push-5 col-sm-7 col-sm-push-1 col-sm-push-5 text-right">
						<div class="fh5co-owl-text-wrap">
							<div class="fh5co-owl-text">
								<h1 class="fh5co-lead to-animate">{$layout_info->slider5_header}</h1>
								<h2 class="fh5co-sub-lead to-animate">
									{nl2br($layout_info->slider5_text)}
								</h2>
								<p class="to-animate-2"><a href="{$layout_info->slider5_button_link}" target="_blank" class="btn btn-primary btn-lg">{$layout_info->slider5_button_name}</a></p>
							</div>
						</div>
					</div>
					<div cond="$layout_info->use_slider5_image === 'Y'" class="col-md-4 col-md-pull-7 col-sm-4 col-sm-pull-7 iphone-image">
						<div class="iphone to-animate-2">
							<!--@if(!$layout_info->slider5_image)-->
							<img src="images/iphone-1.png">
							<!--@else-->
							<img src="{$layout_info->slider5_image}">
							<!--@end-->
						</div>
					</div>

					<!--@else-->
					<div class="col-md-8 col-md-offset-2 text-center">
						<div class="fh5co-owl-text-wrap">
							<div class="fh5co-owl-text">
								<h1 class="fh5co-lead to-animate">{$layout_info->slider5_header}</h1>
								<h2 class="fh5co-sub-lead to-animate">
									{nl2br($layout_info->slider5_text)}
								</h2>
								<p class="to-animate-2"><a href="{$layout_info->slider5_button_link}" target="_blank" class="btn btn-primary btn-lg">{$layout_info->slider5_button_name}</a></p>
							</div>
						</div>
					</div>
					<!--@end-->
				</div>
			</div>
		</div>

	</div>
</div>
<div cond="$layout_info->use_section1 === 'Y'" id="fh5co-about-us" data-section="section1">
	<div class="container">
		<!-- section1 sub 1 -->
		<div class="row row-bottom-padded-lg" id="about-us">
			<div class="col-md-12 section-heading text-center">
				<h2 class="to-animate">{$layout_info->section1_sub1_title}</h2>
				<div class="row">
					<div class="col-md-8 col-md-offset-2 to-animate">
						<h3>
							{nl2br($layout_info->section1_sub1_content)}
						</h3>
					</div>
				</div>
			</div>
			<div class="col-md-8 to-animate">
				<!--@if(!$layout_info->section1_sub1_image)-->
				<img src="images/img_1.jpg" class="img-responsive img-rounded">
				<!--@else-->
				<img src="{$layout_info->section1_sub1_image}" class="img-responsive img-rounded">
				<!--@end-->
			</div>
			<div class="col-md-4 to-animate">
				<h2>{$layout_info->section1_sub1_info_title}</h2>
				{nl2br($layout_info->section1_sub1_info_content)}
				<p><a cond="$layout_info->section1_sub1_use_button === 'Y'" href="{$layout_info->section1_sub1_button_link}" class="btn btn-primary">{$layout_info->section1_sub1_button_name}</a></p>
			</div>
		</div>
		<!-- /.section1 sub 1 -->

		<!-- section1 sub 2 -->
		<div class="row" id="team" cond="$layout_info->use_section1_sub2 == 'Y'">
			<div class="col-md-12 section-heading text-center to-animate">
				<h2>{$layout_info->section1_sub2_title}</h2>
			</div>
			<div class="col-md-12">
				<!--@if($layout_info->section1_sub2_count == 2)-->
				<div class="row">
					<div class="text-center to-animate col-md-6">
						<div class="person">
							<!--@if(!$layout_info->section1_sub2_1_image)-->
							<img src="images/person2.jpg" class="img-responsive img-rounded" alt="Person">
							<!--@else-->
							<img src="{$layout_info->section1_sub2_1_image}" class="img-responsive img-rounded" alt="{$layout_info->section1_sub2_1_title}">
							<!--@end-->
							<h3 class="name">{$layout_info->section1_sub2_1_title}</h3>
							<div class="position">{$layout_info->section1_sub2_1_sub_title}</div>
							<p>
								{nl2br($layout_info->section1_sub2_1_content)}
							</p>
							<!-- 추후 사용 예정 --
							<ul class="social social-circle">
								<li><a href="#"><i class="icon-twitter"></i></a></li>
								<li><a href="#"><i class="icon-linkedin"></i></a></li>
								<li><a href="#"><i class="icon-instagram"></i></a></li>
								<li><a href="#"><i class="icon-github"></i></a></li>
							</ul>
							/.추후 사용 예정 -->
						</div>
					</div>
					<div class="text-center to-animate col-md-6">
						<div class="person">
							<!--@if(!$layout_info->section1_sub2_2_image)-->
							<img src="images/person2.jpg" class="img-responsive img-rounded" alt="Person">
							<!--@else-->
							<img src="{$layout_info->section1_sub2_2_image}" class="img-responsive img-rounded" alt="{$layout_info->section1_sub2_2_title}">
							<!--@end-->
							<h3 class="name">{$layout_info->section1_sub2_2_title}</h3>
							<div class="position">{$layout_info->section1_sub2_2_sub_title}</div>
							<p>
								{nl2br($layout_info->section1_sub2_2_content)}
							</p>
							<!-- 추후 사용 예정 --
							<ul class="social social-circle">
								<li><a href="#"><i class="icon-twitter"></i></a></li>
								<li><a href="#"><i class="icon-linkedin"></i></a></li>
								<li><a href="#"><i class="icon-instagram"></i></a></li>
								<li><a href="#"><i class="icon-github"></i></a></li>
							</ul>
							/.추후 사용 예정 -->
						</div>
					</div>
				</div>
				<!--@else if($layout_info->section1_sub2_count == 3)-->
				<div class="row">
					<div class="text-center to-animate col-md-4">
						<div class="person">
							<!--@if(!$layout_info->section1_sub2_1_image)-->
							<img src="images/person2.jpg" class="img-responsive img-rounded" alt="Person">
							<!--@else-->
							<img src="{$layout_info->section1_sub2_1_image}" class="img-responsive img-rounded" alt="{$layout_info->section1_sub2_1_title}">
							<!--@end-->
							<h3 class="name">{$layout_info->section1_sub2_1_title}</h3>
							<div class="position">{$layout_info->section1_sub2_1_sub_title}</div>
							<p>
								{nl2br($layout_info->section1_sub2_1_content)}
							</p>
							<!-- 추후 사용 예정 --
							<ul class="social social-circle">
								<li><a href="#"><i class="icon-twitter"></i></a></li>
								<li><a href="#"><i class="icon-linkedin"></i></a></li>
								<li><a href="#"><i class="icon-instagram"></i></a></li>
								<li><a href="#"><i class="icon-github"></i></a></li>
							</ul>
							/.추후 사용 예정 -->
						</div>
					</div>
					<div class="text-center to-animate col-md-4">
						<div class="person">
							<!--@if(!$layout_info->section1_sub2_2_image)-->
							<img src="images/person2.jpg" class="img-responsive img-rounded" alt="Person">
							<!--@else-->
							<img src="{$layout_info->section1_sub2_2_image}" class="img-responsive img-rounded" alt="{$layout_info->section1_sub2_2_title}">
							<!--@end-->
							<h3 class="name">{$layout_info->section1_sub2_2_title}</h3>
							<div class="position">{$layout_info->section1_sub2_2_sub_title}</div>
							<p>
								{nl2br($layout_info->section1_sub2_2_content)}
							</p>
							<!-- 추후 사용 예정 --
							<ul class="social social-circle">
								<li><a href="#"><i class="icon-twitter"></i></a></li>
								<li><a href="#"><i class="icon-linkedin"></i></a></li>
								<li><a href="#"><i class="icon-instagram"></i></a></li>
								<li><a href="#"><i class="icon-github"></i></a></li>
							</ul>
							/.추후 사용 예정 -->
						</div>
					</div>
					<div class="text-center to-animate col-md-4">
						<div class="person">
							<!--@if(!$layout_info->section1_sub2_3_image)-->
							<img src="images/person2.jpg" class="img-responsive img-rounded" alt="Person">
							<!--@else-->
							<img src="{$layout_info->section1_sub2_3_image}" class="img-responsive img-rounded" alt="{$layout_info->section1_sub2_3_title}">
							<!--@end-->
							<h3 class="name">{$layout_info->section1_sub2_3_title}</h3>
							<div class="position">{$layout_info->section1_sub2_3_sub_title}</div>
							<p>
								{nl2br($layout_info->section1_sub2_3_content)}
							</p>
							<!-- 추후 사용 예정 --
							<ul class="social social-circle">
								<li><a href="#"><i class="icon-twitter"></i></a></li>
								<li><a href="#"><i class="icon-linkedin"></i></a></li>
								<li><a href="#"><i class="icon-instagram"></i></a></li>
								<li><a href="#"><i class="icon-github"></i></a></li>
							</ul>
							/.추후 사용 예정 -->
						</div>
					</div>
				</div>
				<!--@else if($layout_info->section1_sub2_count == 4)-->
				<div class="row">
					<div class="text-center to-animate col-md-3">
						<div class="person">
							<!--@if(!$layout_info->section1_sub2_1_image)-->
							<img src="images/person2.jpg" class="img-responsive img-rounded" alt="Person">
							<!--@else-->
							<img src="{$layout_info->section1_sub2_1_image}" class="img-responsive img-rounded" alt="{$layout_info->section1_sub2_1_title}">
							<!--@end-->
							<h3 class="name">{$layout_info->section1_sub2_1_title}</h3>
							<div class="position">{$layout_info->section1_sub2_1_sub_title}</div>
							<p>
								{nl2br($layout_info->section1_sub2_1_content)}
							</p>
							<!-- 추후 사용 예정 --
							<ul class="social social-circle">
								<li><a href="#"><i class="icon-twitter"></i></a></li>
								<li><a href="#"><i class="icon-linkedin"></i></a></li>
								<li><a href="#"><i class="icon-instagram"></i></a></li>
								<li><a href="#"><i class="icon-github"></i></a></li>
							</ul>
							/.추후 사용 예정 -->
						</div>
					</div>
					<div class="text-center to-animate col-md-3">
						<div class="person">
							<!--@if(!$layout_info->section1_sub2_2_image)-->
							<img src="images/person2.jpg" class="img-responsive img-rounded" alt="Person">
							<!--@else-->
							<img src="{$layout_info->section1_sub2_2_image}" class="img-responsive img-rounded" alt="{$layout_info->section1_sub2_2_title}">
							<!--@end-->
							<h3 class="name">{$layout_info->section1_sub2_2_title}</h3>
							<div class="position">{$layout_info->section1_sub2_2_sub_title}</div>
							<p>
								{nl2br($layout_info->section1_sub2_2_content)}
							</p>
							<!-- 추후 사용 예정 --
							<ul class="social social-circle">
								<li><a href="#"><i class="icon-twitter"></i></a></li>
								<li><a href="#"><i class="icon-linkedin"></i></a></li>
								<li><a href="#"><i class="icon-instagram"></i></a></li>
								<li><a href="#"><i class="icon-github"></i></a></li>
							</ul>
							/.추후 사용 예정 -->
						</div>
					</div>
					<div class="text-center to-animate col-md-3">
						<div class="person">
							<!--@if(!$layout_info->section1_sub2_3_image)-->
							<img src="images/person2.jpg" class="img-responsive img-rounded" alt="Person">
							<!--@else-->
							<img src="{$layout_info->section1_sub2_3_image}" class="img-responsive img-rounded" alt="{$layout_info->section1_sub2_3_title}">
							<!--@end-->
							<h3 class="name">{$layout_info->section1_sub2_3_title}</h3>
							<div class="position">{$layout_info->section1_sub2_3_sub_title}</div>
							<p>
								{nl2br($layout_info->section1_sub2_3_content)}
							</p>
							<!-- 추후 사용 예정 --
							<ul class="social social-circle">
								<li><a href="#"><i class="icon-twitter"></i></a></li>
								<li><a href="#"><i class="icon-linkedin"></i></a></li>
								<li><a href="#"><i class="icon-instagram"></i></a></li>
								<li><a href="#"><i class="icon-github"></i></a></li>
							</ul>
							/.추후 사용 예정 -->
						</div>
					</div>
					<div class="text-center to-animate col-md-3">
						<div class="person">
							<!--@if(!$layout_info->section1_sub2_4_image)-->
							<img src="images/person2.jpg" class="img-responsive img-rounded" alt="Person">
							<!--@else-->
							<img src="{$layout_info->section1_sub2_4_image}" class="img-responsive img-rounded" alt="{$layout_info->section1_sub2_4_title}">
							<!--@end-->
							<h3 class="name">{$layout_info->section1_sub2_4_title}</h3>
							<div class="position">{$layout_info->section1_sub2_4_sub_title}</div>
							<p>
								{nl2br($layout_info->section1_sub2_4_content)}
							</p>
							<!-- 추후 사용 예정 --
							<ul class="social social-circle">
								<li><a href="#"><i class="icon-twitter"></i></a></li>
								<li><a href="#"><i class="icon-linkedin"></i></a></li>
								<li><a href="#"><i class="icon-instagram"></i></a></li>
								<li><a href="#"><i class="icon-github"></i></a></li>
							</ul>
							/.추후 사용 예정 -->
						</div>
					</div>
				</div>
				<!--@end-->
			</div>
		</div>
	</div>
</div>
<div cond="$layout_info->use_section2 === 'Y'" id="fh5co-our-services" data-section="section2">
	<div class="container">
		<div class="row row-bottom-padded-sm">
			<div class="col-md-12 section-heading text-center">
				<h2 class="to-animate">{$layout_info->section2_title}</h2>
				<div class="row">
					<div class="col-md-8 col-md-offset-2 to-animate">
						<h3>
							{nl2br($layout_info->section2_content)}
						</h3>
					</div>
				</div>
			</div>
		</div>
		<div class="row">
			<div class="col-md-4">
				<div class="box to-animate">
					<div class="icon" style="background-color: {$layout_info->section2_sub1_icon_bgcolor};">
						<span style="color: {$layout_info->section2_sub1_icon_color};">
							<i class="{$layout_info->section2_sub1_icon}"></i>
						</span>
					</div>
					<h3>{$layout_info->section2_sub1_title}</h3>
					<p>
						{nl2br($layout_info->section2_sub1_content)}
					</p>
				</div>
				<!--@if($layout_info->section2_count == 6)-->
				<div class="box to-animate">
					<div class="icon" style="background-color: {$layout_info->section2_sub4_icon_bgcolor};">
						<span style="color: {$layout_info->section2_sub4_icon_color};">
							<i class="{$layout_info->section2_sub4_icon}"></i>
						</span>
					</div>
					<h3>{$layout_info->section2_sub4_title}</h3>
					<p>
						{nl2br($layout_info->section2_sub4_content)}
					</p>
				</div>
				<!--@end-->
			</div>
			<div class="col-md-4">
				<div class="box to-animate">
					<div class="icon" style="background-color: {$layout_info->section2_sub2_icon_bgcolor};">
						<span style="color: {$layout_info->section2_sub2_icon_color};">
							<i class="{$layout_info->section2_sub2_icon}"></i>
						</span>
					</div>
					<h3>{$layout_info->section2_sub2_title}</h3>
					<p>
						{nl2br($layout_info->section2_sub2_content)}
					</p>
				</div>
				<!--@if($layout_info->section2_count == 6)-->
				<div class="box to-animate">
					<div class="icon" style="background-color: {$layout_info->section2_sub5_icon_bgcolor};">
						<span style="color: {$layout_info->section2_sub5_icon_color};">
							<i class="{$layout_info->section2_sub5_icon}"></i>
						</span>
					</div>
					<h3>{$layout_info->section2_sub5_title}</h3>
					<p>
						{nl2br($layout_info->section2_sub5_content)}
					</p>
				</div>
				<!--@end-->
			</div>
			<div class="col-md-4">
				<div class="box to-animate">
					<div class="icon" style="background-color: {$layout_info->section2_sub3_icon_bgcolor};">
						<span style="color: {$layout_info->section2_sub3_icon_color};">
							<i class="{$layout_info->section2_sub3_icon}"></i>
						</span>
					</div>
					<h3>{$layout_info->section2_sub3_title}</h3>
					<p>
						{nl2br($layout_info->section2_sub3_content)}
					</p>
				</div>
				<!--@if($layout_info->section2_count == 6)-->
				<div class="box to-animate">
					<div class="icon" style="background-color: {$layout_info->section2_sub6_icon_bgcolor};">
						<span style="color: {$layout_info->section2_sub6_icon_color};">
							<i class="{$layout_info->section2_sub6_icon}"></i>
						</span>
					</div>
					<h3>{$layout_info->section2_sub6_title}</h3>
					<p>
						{nl2br($layout_info->section2_sub6_content)}
					</p>
				</div>
				<!--@end-->
			</div>

		</div>
	</div>
</div>
<div cond="$layout_info->use_section3 === 'Y'" id="fh5co-features" data-section="section3">
	<div class="container">
		<div class="row">
			<div class="col-md-12 section-heading text-center">
				<h2 class="single-animate animate-features-1">{$layout_info->section3_title}</h2>
				<div class="row">
					<div class="col-md-8 col-md-offset-2 single-animate animate-features-2">
						<h3>{nl2br($layout_info->section3_content)}</h3>
					</div>
				</div>
			</div>
		</div>

		<div class="row row-bottom-padded-sm">
			<!--@if($layout_info->section3_count == 6)-->
			<div class="row">
				<div class="col-md-4 col-sm-6 col-xs-6 col-xxs-12 fh5co-service to-animate">
					<div class="fh5co-icon"><i class="{$layout_info->section3_sub1_icon}"></i></div>
					<div class="fh5co-desc">
						<h3>{$layout_info->section3_sub1_title}</h3>
						<p>
							{nl2br($layout_info->section3_sub1_content)}
						</p>
					</div>
				</div>
				<div class="col-md-4 col-sm-6 col-xs-6 col-xxs-12 fh5co-service to-animate">
					<div class="fh5co-icon"><i class="{$layout_info->section3_sub2_icon}"></i></div>
					<div class="fh5co-desc">
						<h3>{$layout_info->section3_sub2_title}</h3>
						<p>
							{nl2br($layout_info->section3_sub2_content)}
						</p>
					</div>
				</div>
				<div class="clearfix visible-sm-block visible-xs-block"></div>
				<div class="col-md-4 col-sm-6 col-xs-6 col-xxs-12 fh5co-service to-animate">
					<div class="fh5co-icon"><i class="{$layout_info->section3_sub3_icon}"></i></div>
					<div class="fh5co-desc">
						<h3>{$layout_info->section3_sub3_title}</h3>
						<p>
							{nl2br($layout_info->section3_sub3_content)}
						</p>
					</div>
				</div>
			</div>
			<div class="row">
				<div class="col-md-4 col-sm-6 col-xs-6 col-xxs-12 fh5co-service to-animate">
					<div class="fh5co-icon"><i class="{$layout_info->section3_sub4_icon}"></i></div>
					<div class="fh5co-desc">
						<h3>{$layout_info->section3_sub4_title}</h3>
						<p>
							{nl2br($layout_info->section3_sub4_content)}
						</p>
					</div>
				</div>
				<div class="clearfix visible-sm-block visible-xs-block"></div>
				<div class="col-md-4 col-sm-6 col-xs-6 col-xxs-12 fh5co-service to-animate">
					<div class="fh5co-icon"><i class="{$layout_info->section3_sub5_icon}"></i></div>
					<div class="fh5co-desc">
						<h3>{$layout_info->section3_sub5_title}</h3>
						<p>
							{nl2br($layout_info->section3_sub5_content)}
						</p>
					</div>
				</div>
				<div class="col-md-4 col-sm-6 col-xs-6 col-xxs-12 fh5co-service to-animate">
					<div class="fh5co-icon"><i class="{$layout_info->section3_sub6_icon}"></i></div>
					<div class="fh5co-desc">
						<h3>{$layout_info->section3_sub6_title}</h3>
						<p>
							{nl2br($layout_info->section3_sub6_content)}
						</p>
					</div>
				</div>
				<div class="clearfix visible-sm-block visible-xs-block"></div>
			</div>

			<!--@else-->
			<div class="col-md-4 col-sm-4 col-xs-12 fh5co-service to-animate">
				<div class="fh5co-icon"><i class="{$layout_info->section3_sub1_icon}"></i></div>
				<div class="fh5co-desc">
					<h3>{$layout_info->section3_sub1_title}</h3>
					<p>
						{nl2br($layout_info->section3_sub1_content)}
					</p>
				</div>
			</div>
			<div class="col-md-4 col-sm-4 col-xs-12 fh5co-service to-animate">
				<div class="fh5co-icon"><i class="{$layout_info->section3_sub2_icon}"></i></div>
				<div class="fh5co-desc">
					<h3>{$layout_info->section3_sub2_title}</h3>
					<p>
						{nl2br($layout_info->section3_sub2_content)}
					</p>
				</div>
			</div>
			<div class="col-md-4 col-sm-4 col-xs-12 fh5co-service to-animate">
				<div class="fh5co-icon"><i class="{$layout_info->section3_sub3_icon}"></i></div>
				<div class="fh5co-desc">
					<h3>{$layout_info->section3_sub3_title}</h3>
					<p>
						{nl2br($layout_info->section3_sub3_content)}
					</p>
				</div>
			</div>
			<!--@end-->
		</div>

		<div cond="$layout_info->use_section3_button === 'Y'" class="row">
			<div class="col-md-4 col-md-offset-4 single-animate animate-features-3">
				<a href="{$layout_info->section3_button_link}" class="btn btn-primary btn-block">{$layout_info->section3_button_name}</a>
			</div>
		</div>
	</div>
</div>
<div cond="$layout_info->use_section4 === 'Y'" id="fh5co-testimonials" data-section="section4">
	<div class="container">
		<div class="row">
			<div class="col-md-12 section-heading text-center">
				<h2 class="to-animate">{$layout_info->section4_title}</h2>
				<div class="row">
					<div class="col-md-8 col-md-offset-2 subtext to-animate">
						<h3>{$layout_info->section4_content}</h3>
					</div>
				</div>
			</div>
		</div>
		<div class="row">
			<div class="col-md-4">
				<div class="box-testimony to-animate">
					<blockquote>
						<span class="quote"><span><i class="{$layout_info->section4_sub1_icon}"></i></span></span>
						<p>&ldquo;{nl2br($layout_info->section4_sub1_content)}&rdquo;</p>
					</blockquote>
					<p class="author">
						{$layout_info->section4_sub1_name}
						<span class="subtext">{$layout_info->section4_sub1_info}</span>
					</p>
				</div>
				<!--@if($layout_info->section4_count == 6)-->
				<div class="box-testimony to-animate">
					<blockquote>
						<span class="quote"><span><i class="{$layout_info->section4_sub4_icon}"></i></span></span>
						<p>&ldquo;{nl2br($layout_info->section4_sub4_content)}&rdquo;</p>
					</blockquote>
					<p class="author">
						{$layout_info->section4_sub4_name}
						<span class="subtext">{$layout_info->section4_sub4_info}</span>
					</p>
				</div>
				<!--@end-->
			</div>
			<div class="col-md-4">
				<div class="box-testimony to-animate">
					<blockquote>
						<span class="quote"><span><i class="{$layout_info->section4_sub2_icon}"></i></span></span>
						<p>&ldquo;{nl2br($layout_info->section4_sub2_content)}&rdquo;</p>
					</blockquote>
					<p class="author">
						{$layout_info->section4_sub2_name}
						<span class="subtext">{$layout_info->section4_sub2_info}</span>
					</p>
				</div>
				<!--@if($layout_info->section4_count == 6)-->
				<div class="box-testimony to-animate">
					<blockquote>
						<span class="quote"><span><i class="{$layout_info->section4_sub5_icon}"></i></span></span>
						<p>&ldquo;{nl2br($layout_info->section4_sub5_content)}&rdquo;</p>
					</blockquote>
					<p class="author">
						{$layout_info->section4_sub5_name}
						<span class="subtext">{$layout_info->section4_sub5_info}</span>
					</p>
				</div>
				<!--@end-->
			</div>
			<div class="col-md-4">
				<div class="box-testimony to-animate">
					<blockquote>
						<span class="quote"><span><i class="{$layout_info->section4_sub3_icon}"></i></span></span>
						<p>&ldquo;{nl2br($layout_info->section4_sub3_content)}&rdquo;</p>
					</blockquote>
					<p class="author">
						{$layout_info->section4_sub3_name}
						<span class="subtext">{$layout_info->section4_sub3_info}</span>
					</p>
				</div>
				<!--@if($layout_info->section4_count == 6)-->
				<div class="box-testimony to-animate">
					<blockquote>
						<span class="quote"><span><i class="{$layout_info->section4_sub6_icon}"></i></span></span>
						<p>&ldquo;{nl2br($layout_info->section4_sub6_content)}&rdquo;</p>
					</blockquote>
					<p class="author">
						{$layout_info->section4_sub6_name}
						<span class="subtext">{$layout_info->section4_sub6_info}</span>
					</p>
				</div>
				<!--@end-->
			</div>
		</div>
	</div>
</div>
<div cond="$layout_info->use_section5 === 'Y'" id="fh5co-pricing" data-section="section5">
	<div class="container">
		<div class="row">
			<div class="col-md-12 section-heading text-center">
				<h2 class="single-animate animate-pricing-1">{$layout_info->section5_title}</h2>
				<div class="row">
					<div class="col-md-8 col-md-offset-2 subtext single-animate animate-pricing-2">
						<h3>
							{nl2br($layout_info->section5_content)}
						</h3>
					</div>
				</div>
			</div>
		</div>
		<div class="row">
			<!--@if($layout_info->section5_count == 4)-->
			<div class="col-md-3 col-sm-6">
				<div id="grade1" class="price-box to-animate">
					<div class="popular-text" cond="$layout_info->section5_grade_popular == 1">{$layout_info->section5_popular_name}</div>
					<h2 class="pricing-plan">{$layout_info->section5_grade1_name}</h2>
					<div class="price">
						<sup class="currency"><i class="{$layout_info->section5_grade1_money_type}"></i> </sup>{number_format($layout_info->section5_grade1_money)}<small>/{$layout_info->section5_grade1_pay_type}</small>
					</div>
					<p>{$layout_info->section5_grade1_description}</p>
					<hr>
					<ul class="pricing-info">
						<!--@foreach($grade1_data as $data)-->
						<li>{$data}</li>
						<!--@end-->
					</ul>
					<a href="{$layout_info->section5_grade1_button_link}" class="btn btn-default btn-sm">{$layout_info->section5_grade1_button_name}</a>
				</div>
			</div>
			<div class="col-md-3 col-sm-6">
				<div id="grade2" class="price-box to-animate">
					<div class="popular-text" cond="$layout_info->section5_grade_popular == 2">{$layout_info->section5_popular_name}</div>
					<h2 class="pricing-plan">{$layout_info->section5_grade2_name}</h2>
					<div class="price">
						<sup class="currency"><i class="{$layout_info->section5_grade2_money_type}"></i> </sup>{number_format($layout_info->section5_grade2_money)}<small>/{$layout_info->section5_grade2_pay_type}</small>
					</div>
					<p>{$layout_info->section5_grade2_description}</p>
					<hr>
					<ul class="pricing-info">
						<!--@foreach($grade2_data as $data)-->
						<li>{$data}</li>
						<!--@end-->
					</ul>
					<a href="{$layout_info->section5_grade3_button_link}" class="btn btn-default btn-sm">{$layout_info->section5_grade3_button_name}</a>
				</div>
			</div>
			<div class="col-md-3 col-sm-6 to-animate">
				<div id="grade3" class="price-box">
					<div class="popular-text" cond="$layout_info->section5_grade_popular == 3">{$layout_info->section5_popular_name}</div>
					<h2 class="pricing-plan">{$layout_info->section5_grade3_name}</h2>
					<div class="price">
						<sup class="currency"><i class="{$layout_info->section5_grade3_money_type}"></i> </sup>{number_format($layout_info->section5_grade3_money)}<small>/{$layout_info->section5_grade3_pay_type}</small>
					</div>
					<p>{$layout_info->section5_grade3_description}</p>
					<hr>
					<ul class="pricing-info">
						<!--@foreach($grade3_data as $data)-->
						<li>{$data}</li>
						<!--@end-->
					</ul>
					<a href="{$layout_info->section5_grade4_button_link}" class="btn btn-default btn-sm">{$layout_info->section5_grade4_button_name}</a>
				</div>
			</div>
			<div class="col-md-3 col-sm-6">
				<div id="grade4" class="price-box to-animate">
					<div class="popular-text" cond="$layout_info->section5_grade_popular == 4">{$layout_info->section5_popular_name}</div>
					<h2 class="pricing-plan">{$layout_info->section5_grade4_name}</h2>
					<div class="price">
						<sup class="currency"><i class="{$layout_info->section5_grade4_money_type}"></i> </sup>{number_format($layout_info->section5_grade4_money)}<small>/{$layout_info->section5_grade4_pay_type}</small>
					</div>
					<p>{$layout_info->section5_grade4_description}</p>
					<hr>
					<ul class="pricing-info">
						<!--@foreach($grade4_data as $data)-->
						<li>{$data}</li>
						<!--@end-->
					</ul>
					<a href="{$layout_info->section5_grade4_button_link}" class="btn btn-default btn-sm">{$layout_info->section5_grade4_button_name}</a>
				</div>
			</div>
			<!--@else-->
			<div class="col-md-4 col-sm-12">
				<div id="grade1" class="price-box to-animate">
					<div class="popular-text" cond="$layout_info->section5_grade1_popular == 1">{$layout_info->section5_popular_name}</div>
					<h2 class="pricing-plan">{$layout_info->section5_grade1_name}</h2>
					<div class="price">
						<sup class="currency"><i class="{$layout_info->section5_grade1_money_type}"></i> </sup>{number_format($layout_info->section5_grade1_money)}<small>/{$layout_info->section5_grade1_pay_type}</small>
					</div>
					<p>{$layout_info->section5_grade1_description}</p>
					<hr>
					<ul class="pricing-info">
						<!--@foreach($grade1_data as $data)-->
						<li>{$data}</li>
						<!--@end-->
					</ul>
					<a href="{$layout_info->section5_grade1_button_link}" class="btn btn-default btn-sm">{$layout_info->section5_grade1_button_name}</a>
				</div>
			</div>
			<div class="col-md-4 col-sm-12">
				<div id="grade2" class="price-box to-animate">
					<div class="popular-text" cond="$layout_info->section5_grade2_popular == 1">{$layout_info->section5_popular_name}</div>
					<h2 class="pricing-plan">{$layout_info->section5_grade2_name}</h2>
					<div class="price">
						<sup class="currency"><i class="{$layout_info->section5_grade2_money_type}"></i> </sup>{number_format($layout_info->section5_grade2_money)}<small>/{$layout_info->section5_grade2_pay_type}</small>
					</div>
					<p>{$layout_info->section5_grade2_description}</p>
					<hr>
					<ul class="pricing-info">
						<!--@foreach($grade2_data as $data)-->
						<li>{$data}</li>
						<!--@end-->
					</ul>
					<a href="{$layout_info->section5_grade3_button_link}" class="btn btn-default btn-sm">{$layout_info->section5_grade3_button_name}</a>
				</div>
			</div>
			<div class="col-md-4 col-sm-12 to-animate">
				<div id="grade3" class="price-box">
					<div class="popular-text" cond="$layout_info->section5_grade3_popular == 1">{$layout_info->section5_popular_name}</div>
					<h2 class="pricing-plan">{$layout_info->section5_grade3_name}</h2>
					<div class="price">
						<sup class="currency"><i class="{$layout_info->section5_grade3_money_type}"></i> </sup>{number_format($layout_info->section5_grade3_money)}<small>/{$layout_info->section5_grade3_pay_type}</small>
					</div>
					<p>{$layout_info->section5_grade3_description}</p>
					<hr>
					<ul class="pricing-info">
						<!--@foreach($grade3_data as $data)-->
						<li>{$data}</li>
						<!--@end-->
					</ul>
					<a href="{$layout_info->section5_grade4_button_link}" class="btn btn-default btn-sm">{$layout_info->section5_grade4_button_name}</a>
				</div>
			</div>
			<!--@end-->
		</div>
	</div>
</div>
<div cond="$layout_info->use_section6 === 'Y'" id="fh5co-work" data-section="section6">
	<div class="container">
		<div class="row">
			<div class="col-md-12 section-heading text-center">
				<h2 class="to-animate">{$layout_info->section6_top_title}</h2>
				<div class="row">
					<div class="col-md-8 col-md-offset-2 subtext to-animate">
						<h3>
							{nl2br($layout_info->section6_content)}
						</h3>
					</div>
				</div>
			</div>
		</div>
		<div class="row row-bottom-padded-sm">
			<div class="col-md-4 col-sm-6 col-xxs-12">
				<a href="{$layout_info->section6_sub1_image}" class="fh5co-project-item image-popup to-animate">
					<img src="{$layout_info->section6_sub1_image}" alt="Image" class="img-responsive">
					<div class="fh5co-text">
						<h2>{$layout_info->section6_sub1_title}</h2>
						<span>{$layout_info->section6_sub1_text}</span>
					</div>
				</a>
			</div>
			<div class="col-md-4 col-sm-6 col-xxs-12">
				<a href="{$layout_info->section6_sub2_image}" class="fh5co-project-item image-popup to-animate">
					<img src="{$layout_info->section6_sub2_image}" alt="Image" class="img-responsive">
					<div class="fh5co-text">
						<h2>{$layout_info->section6_sub2_title}</h2>
						<span>{$layout_info->section6_sub2_text}</span>
					</div>
				</a>
			</div>

			<div class="clearfix visible-sm-block"></div>

			<div class="col-md-4 col-sm-6 col-xxs-12">
				<a href="{$layout_info->section6_sub3_image}" class="fh5co-project-item image-popup to-animate">
					<img src="{$layout_info->section6_sub3_image}" alt="Image" class="img-responsive">
					<div class="fh5co-text">
						<h2>{$layout_info->section6_sub3_title}</h2>
						<span>{$layout_info->section6_sub3_text}</span>
					</div>
				</a>
			</div>
			<!--@if($layout_info->section6_count == 6)-->
			<div class="col-md-4 col-sm-6 col-xxs-12">
				<a href="{$layout_info->section6_sub4_image}" class="fh5co-project-item image-popup to-animate">
					<img src="{$layout_info->section6_sub4_image}" alt="Image" class="img-responsive">
					<div class="fh5co-text">
						<h2>{$layout_info->section6_sub4_title}</h2>
						<span>{$layout_info->section6_sub4_text}</span>
					</div>
				</a>
			</div>

			<div class="clearfix visible-sm-block"></div>

			<div class="col-md-4 col-sm-6 col-xxs-12">
				<a href="{$layout_info->section6_sub5_image}" class="fh5co-project-item image-popup to-animate">
					<img src="{$layout_info->section6_sub5_image}" alt="Image" class="img-responsive">
					<div class="fh5co-text">
						<h2>{$layout_info->section6_sub5_title}</h2>
						<span>{$layout_info->section6_sub5_text}</span>
					</div>
				</a>
			</div>
			<div class="col-md-4 col-sm-6 col-xxs-12">
				<a href="{$layout_info->section6_sub6_image}" class="fh5co-project-item image-popup to-animate">
					<img src="{$layout_info->section6_sub6_image}" alt="Image" class="img-responsive">
					<div class="fh5co-text">
						<h2>{$layout_info->section6_sub6_title}</h2>
						<span>{$layout_info->section6_sub6_text}</span>
					</div>
				</a>
			</div>
			<!--@end-->
		</div>
		<div cond="$layout_info->use_section6_button === 'Y'" class="row">
			<div class="col-md-4 col-md-offset-4 single-animate animate-features-3">
				<a href="{$layout_info->section6_button_link}" class="btn btn-primary btn-block">{$layout_info->section6_button_name}</a>
			</div>
		</div>
	</div>
</div>

<footer id="footer" role="contentinfo">
	<div class="container">
		<div class="row row-bottom-padded-sm">
			<div class="col-md-12">
				<p class="copyright text-center">
				{nl2br($layout_info->copyright)}
			</div>
		</div>
		<div class="row" cond="$layout_info->use_social == 'Y'">
			<div class="col-md-12 text-center">
				<ul class="social social-circle">
					<!--@foreach($social_data as $social)-->
					{@ $split_social = explode("||", $social)}
					{@ $link = $split_social[1]}
					{@ $icon = $split_social[0]}
					<li><a href="{$link}" target="_blank"><i class="{$icon}"></i></a></li>
					<!--@end-->
				</ul>
			</div>
		</div>
	</div>
</footer>

<!-- Login Modal -->
<div class="modal fade" id="loginModal" tabindex="-1" role="dialog" aria-labelledby="loginModal" aria-hidden="true">
	<div class="modal-dialog modal-sm">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
				<h4 class="modal-title" id="myModalLabel">
					{$lang->cmd_login}
				</h4>
			</div>
			<div class="modal-body">
				<form action="{getUrl()}" method="post" autocomplete="off">
					<input type="hidden" name="act" value="procMemberLogin" />
					<input type="hidden" name="success_return_url" value="{htmlspecialchars(getRequestUriByServerEnviroment(), ENT_COMPAT | ENT_HTML401, 'UTF-8', FALSE)}" />
					<input type="hidden" name="xe_validator_id" value="layouts/xe_kimtajo_layout3/layout/1" />
					<fieldset>
						<div class="control-group">
							<div class="input-group">
								<div class="input-group-addon">
									<i class="xi-user"></i>
								</div>
								<input type="text" class="form-control" placeholder="{$lang->user_id}" name="user_id" id="uemail" required="true" />
							</div>
							<div class="input-group margin_top_10px">
								<div class="input-group-addon">
									<i class="xi-lock"></i>
								</div>
								<input type="password" class="form-control" placeholder="{$lang->password}" name="password" id="upw" required="true" />
							</div>
						</div>
						<div class="col-md-offset-1 checkbox">
							<label class="chk_label" for="keepid_opt">
								<input type="checkbox" name="keep_signed" id="keepid_opt" /> {$lang->keep_signed}
							</label>
							<div id="warning">
								<p>{str_replace('\n\n', '<br />', $lang->about_keep_signed)}</p>
								<div class="edge"></div>
							</div>
						</div>
						<button type="submit" class="btn btn-primary btn_submit col-sm-12">{$lang->cmd_login}</button>

						<div cond="$XE_VALIDATOR_ID == 'layouts/xe_kimtajo_layout3/layout/1' && $XE_VALIDATOR_MESSAGE" class="control-group">
							<p class="error">{$XE_VALIDATOR_MESSAGE}</p>
						</div>
					</fieldset>
				</form>
			</div>
		</div>
	</div>
</div>
<!-- /.Login Modal -->

<script cond="($XE_VALIDATOR_ID == 'layouts/xe_kimtajo_layout3/layout/1' && $XE_VALIDATOR_MESSAGE) || ( $act == 'dispMemberLoginForm' && !$is_logged)">
	jQuery(function () {
		jQuery('#loginModal').modal('show');

	});
</script>

<script>
	jQuery(function() {
		jQuery('#grade{$layout_info->section5_grade_popular}').addClass('popular');
	});
</script>