묻고답하기

현재 이미지 슬라이드가 2개가 계속 반복되는데

하나만 출력되게 하고 싶습니다..

레이아웃이 아래와 같이 되어 있는데

무엇을 만져야 하나만 출력이 될까요??

 

 

{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_slide">{@ $layout_info->use_slide = 'N'}</block>
<block cond="!$layout_info->use_section1">{@ $layout_info->use_section1 = '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>
<!-- /.초기 세팅 -->

<!-- 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 -->

 <!-- Use Section 1 -->
 <block cond="!$layout_info->use_section1_sub1">{@ $layout_info->use_section1_sub1 = 'Y'}</block>
 <block cond="!$layout_info->use_section1_sub2">{@ $layout_info->use_section1_sub2 = 'Y'}</block>
 <!-- /.Use Section 1 -->

 <!-- 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->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>

 <!-- /.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 = '© 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> &  <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 cond="$layout_info->use_slide === 'Y'" 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 cond="$layout_info->use_slide === 'Y'" id="slider" data-section="home">
 <div id="owl_carousel" 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"><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><div style="text-align:right">ddddd</div>
         {nl2br($layout_info->slider1_text)}
        </h2><br>
        <p cond="$layout_info->use_slider1_button == 'N'" 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 cond="$layout_info->use_slider1_image === 'N'" 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="">
       <!--@else-->
       <img src="{$layout_info->slider1_image}">
       <!--@end-->
      </div>
     </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 cond="$layout_info->use_slider1_button == 'Y'" 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 === 'N'" 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 cond="$layout_info->use_slider1_button == 'Y'" 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 cond="$layout_info->use_slider2_button == 'N'" 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 === 'N'" 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="">
       <!--@else-->
       <img src="">
       <!--@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"><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><div style="text-align:right">ddddd</div>
         {nl2br($layout_info->slider2_text)}
        </h2>
        <p cond="$layout_info->use_slider2_button == 'N'" 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 cond="$layout_info->use_slider2_button == 'Y'" 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 cond="$layout_info->use_slider3_button == 'Y'" 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 cond="$layout_info->use_slider3_button == 'Y'" 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 cond="$layout_info->use_slider3_button == 'Y'" 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 cond="$layout_info->use_slider4_button == 'Y'" 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 cond="$layout_info->use_slider4_button == 'Y'" 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 cond="$layout_info->use_slider4_button == 'Y'" 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 cond="$layout_info->use_slider5_button == 'Y'" 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 cond="$layout_info->use_slider5_button == 'Y'" 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 cond="$layout_info->use_slider5_button == 'Y'" 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 cond="$layout_info->use_section1_sub1 == 'Y'" 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 cond="$layout_info->use_section1_sub2 == 'Y'" class="row" id="team">
   <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>“{nl2br($layout_info->section4_sub1_content)}”</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>“{nl2br($layout_info->section4_sub4_content)}”</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>“{nl2br($layout_info->section4_sub2_content)}”</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>“{nl2br($layout_info->section4_sub5_content)}”</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>“{nl2br($layout_info->section4_sub3_content)}”</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>“{nl2br($layout_info->section4_sub6_content)}”</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_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">×</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>

글쓴이 제목 최종 글
XE 공지 글 쓰기,삭제 운영방식 변경 공지 [16] 2019.03.05 by 남기남
Spes 스케치북 목록형 리스트에.. 썸네일을 넣을 방법 좀 부탁드립니다. [4] 2018.12.05 by 티지레몬
Akihosi 로그인한 회원의정보 한개만 띄우기? file  
호돌이옆집아저씨 모듈 관리자도 i.p 안 보이게 하는 방법 알려 주세요.  
미리네 잘못 만든 메뉴가 안지워져요. [2] 2018.12.05 by 미리네
ex**** 권한 모든사용자로 했는데 글쓰기가 안보여요.. [4] 2018.12.05 by ex****
V6DS XE 버전 업데이트 후 홈페이지 관리자 접속이 안 됩니다... file  
wwwww**** 작성한 글의 이미지 클릭 시 닫을 수 가 없어요 [3] 2018.12.05 by wwwww****
김곰돌 이미지 슬라이드를 하나만 출력하게 하고 싶습니다..  
권만주 반응형 갤러리 위젯 없나요?(정보수정 재문의) [2] file 2018.12.04 by 권만주
Ru 나이스본인인증모듈 질문 [1] 2018.12.04 by sejin7940
rhemrgks12 슬라이더 이미지내의 버튼 삽입 [1] file 2018.12.04 by DoorWeb
발꾸락형님 외부페이지와 스크립트 문제 입니다.  
권만주 쪽지 글쓰기 입력란이 사라졌어요 [1] file 2018.12.03 by 권만주
hatali 내용직접추가 오류 [2] file 2018.12.02 by hatali
아라리 XE 왼쪽 메뉴가 모두 뜨지 않아요. [2] file 2018.12.01 by 아라리
프리즘 게시판내 파일 업로드시 경로설정 [1] 2018.12.01 by 기진곰
지닛 인터넷 쇼핑몰 일본 현지 최적화를 위한 서버 호스팅 문의  
rhemrgks12 제로보드 메인홈페이지의 아이콘 변경 [3] file 2018.11.29 by rhemrgks12
rhemrgks12 메인페이지의 게시판링크아이콘 변경방법... [4] file 2018.11.29 by rhemrgks12
누리 회원정보 이전이 안됩니다. [4] file 2018.11.28 by 누리
이와이 통합검색 의 검색 버튼 누르는 부분의 소스가 어디에 있나요?? 도와주세요~~~~~~ [1] 2018.11.28 by DoorWeb
권만주 모바일 콘텐츠 위젯에 새글 아이콘 [2] 2018.11.28 by 권만주
이와이 content 위젯 공지사항 [5] 2018.11.28 by 이와이
Wendy.Wang 설치후 메인 접속시 404에러는 왜 이런가요? [1] 2018.11.28 by 도토리묵
쮸야282 첨부와같이 메인화면에서 이름 전화번호를 넣어면 관리자에게 [1] file 2018.11.28 by sejin7940
JeongUk Contact 게시판스킨, 모바일 스킨ver. 1.14 질문입니다. [3] file 2018.11.27 by DoorWeb
wtst 팝업이 메인에 안뜹니다..ㅠ [5] 2018.11.27 by wtst
이미경 XE를 닷홈무료호스팅에 XE를 설치하였는데 에디트플러스ftp연결이안됩니다. [2] 2018.11.27 by 허허길드짱
이기릇 [게시판 카테고리] 전문가님들 도와주세요 [2] 2018.11.27 by 이기릇
디자인뽀 게시판 본문 내용 글자수 표시 출력 문의