안녕하세요. 아래 레이아웃을 사용하고 있습니다.

fh5co-crew(Onepage) 레이아웃

https://xe1.xpressengine.com/index.php?mid=download&package_id=22753787

 

여기 상세 설정에 들어가면 Slider라고 해서 슬라이더 갯수를 지정할 수 있는데요. 1개를 지정해도 기본적으로 2개의 슬라이더가 나옵니다.

 

그래서 슬라이더를 2개로 해둔 상태에서 자동으로 슬라이더가 넘어가지 않게 하고 싶은데요. 그 방법을 모르겠습니다.

 

해당 레이아웃의 html/css 페이지에 있는 정보 붙여 넣어 봅니다.

----------------------------------------------------------------------------

{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 = 'Y'}</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>
<!-- /.초기 세팅 -->

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

<!-- 슬라이더 세팅 -->
<block cond="$layout_info->use_slide == 'N'">
    <block cond="!$layout_info->slider1_background_type">{@ $layout_info->slider1_background_type = 'color'}</block>
    <block cond="!$layout_info->slider1_background_color">{@ $layout_info->slider1_background_color = '#352f44'}</block>
    <block cond="!$layout_info->use_slider1_image">{@ $layout_info->use_slider1_image = 'N'}</block>

    <block cond="!$layout_info->slider1_header">{@ $layout_info->slider1_header = '제목을 입력하세요.'}</block>
    <block cond="!$layout_info->slider1_text">{@ $layout_info->slider1_text = '내용을 입력하세요.'}</block>
    <block cond="!$layout_info->use_slider1_button">{@ $layout_info->use_slider1_button = 'Y'}</block>
    <block cond="!$layout_info->slider1_button_name">{@ $layout_info->slider1_button_name = '버튼'}</block>
    <block cond="!$layout_info->slider1_button_link">{@ $layout_info->slider1_button_link = '#'}</block>


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

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

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

    <block cond="$layout_info->slider_count >= 5">
        <block cond="!$layout_info->slider5_background_type">{@ $layout_info->slider5_background_type = 'color'}</block>
        <block cond="!$layout_info->slider5_background_color">{@ $layout_info->slider5_background_color = '#352f44'}</block>
        <block cond="!$layout_info->use_slider5_image">{@ $layout_info->use_slider5_image = 'Y'}</block>
        <block cond="!$layout_info->slider5_direction">{@ $layout_info->slider5_direction = 'right'}</block>
        <block cond="!$layout_info->slider5_header">{@ $layout_info->slider5_header = '제목을 입력하세요.'}</block>
        <block cond="!$layout_info->slider5_text">{@ $layout_info->slider5_text = '내용을 입력하세요.'}</block>
        <block cond="!$layout_info->use_slider5_button">{@ $layout_info->use_slider5_button = 'Y'}</block>
        <block cond="!$layout_info->slider5_button_name">{@ $layout_info->slider5_button_name = '버튼'}</block>
        <block cond="!$layout_info->slider5_button_link">{@ $layout_info->slider5_button_link = '#'}</block>
    </block>
</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_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>
<br><br><br>

    <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>처음</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">
                                    {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 === 'Y'" class="col-md-4 col-md-push-1 col-sm-4 col-sm-push-1 iphone-image">
                        <div class="iphone to-animate-2">
                            <!--@if(!$layout_info->slider1_image)-->
                            <img src="images/iphone-1.png">
                            <!--@else-->
                            <img src="{$layout_info->slider1_image}">
                            <!--@end-->
                        </div>
                    </div>

                    <!--@else if($layout_info->slider1_direction === 'right')-->
                    <div class="col-md-7 col-md-push-1 col-md-push-5 col-sm-7 col-sm-push-1 col-sm-push-5 text-right">
                        <div class="fh5co-owl-text-wrap">
                            <div class="fh5co-owl-text">
                                <h1 class="fh5co-lead to-animate">{$layout_info->slider1_header}</h1>
                                <h2 class="fh5co-sub-lead to-animate">
                                    {nl2br($layout_info->slider1_text)}
                                </h2>
                                <p 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 === 'Y'" class="col-md-4 col-md-pull-7 col-sm-4 col-sm-pull-7 iphone-image">
                        <div class="iphone to-animate-2">
                            <!--@if(!$layout_info->slider1_image)-->
                            <img src="images/iphone-1.png">
                            <!--@else-->
                            <img src="{$layout_info->slider1_image}">
                            <!--@end-->
                        </div>
                    </div>

                    <!--@else-->
                    <div class="col-md-8 col-md-offset-2 text-center">
                        <div class="fh5co-owl-text-wrap">
                            <div class="fh5co-owl-text">
                                <h1 class="fh5co-lead to-animate">{$layout_info->slider1_header}</h1>
                                <h2 class="fh5co-sub-lead to-animate">
                                    {nl2br($layout_info->slider1_text)}
                                </h2>
                                <p 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 == '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>
                    <div cond="$layout_info->use_slider2_image === 'Y'" class="col-md-4 col-md-push-1 col-sm-4 col-sm-push-1 iphone-image">
                        <div class="iphone to-animate-2">
                            <!--@if(!$layout_info->slider2_image)-->
                            <img src="images/iphone-1.png">
                            <!--@else-->
                            <img src="{$layout_info->slider2_image}">
                            <!--@end-->
                        </div>
                    </div>

                    <!--@else if($layout_info->slider2_direction === 'right')-->
                    <div class="col-md-7 col-md-push-1 col-md-push-5 col-sm-7 col-sm-push-1 col-sm-push-5 text-right">
                        <div class="fh5co-owl-text-wrap">
                            <div class="fh5co-owl-text">
                                <h1 class="fh5co-lead to-animate">{$layout_info->slider2_header}</h1>
                                <h2 class="fh5co-sub-lead to-animate">
                                    {nl2br($layout_info->slider2_text)}
                                </h2>
                                <p 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>
                    <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>

 

  • profile
    길다.. 스크롤 내리는데 힘들었네요.

    js/jquery.easing.1.3.js
    js/owl.carousel.min.js

    파일중에 관련 설정이 있을 겁니다.