묻고답하기
이미지 슬라이드를 하나만 출력하게 하고 싶습니다..
2018.12.04 19:08
현재 이미지 슬라이드가 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>
