묻고답하기

 

현재 이 페이지에 있는 이미지움직이는 부분(http://halal03.cafe24.com/page_jdgp50)

http://halal03.cafe24.com/home 부분 중간에 삽입하고 싶은데..방법이 없을까요?

 

 

http://halal03.cafe24.com/home 레이아웃 hrml

-->

<!--
copyright 2015 ian co.
-->
<include target="include/Properties.html" />
<body class="home page boxed transparent-header full-width both-animated-sidebars menu-header" cond="$layout_info->layoutType=='sub'"> <!--@end-->
<body class="home page transparent-header full-width both-animated-sidebars menu-header" cond="$layout_info->layoutType=='main'" cond="($_content_home=='h' && $li->transparent=='y') || ($_content_home!='h' && $li->transparent=='s') || $li->transparent=='all'"></body>
<div id="site-container" class="site-container clearfix">
<div id="sidebar-menu-right" class="sidebar sidebar-menu sidebar-menu-right st-effect-5">
<div class="sidebar-menu-inner">
<div class="widget widget_search">
<form role="search" method="get" id="searchform" action="{getUrl()}">
                <input type="hidden" name="act" value="IS" />
    <input name="is_keyword" type="text" class="itext" placeholder="Enter search term" spellcheck="true" />
                <input type="submit" class="submit" value="Search"/>
</form>
</div>
<ul class="main-menu navigation ">
<li loop="$main_menu->list=>$key1,$val1" cond="$val1['link']">
   <a href="{$val1['href']}" target="_blank"|cond="$val1['open_window']=='Y'" style="color:#{$li->font_color_custom}">{$val1['link']}</a>    
   <ul cond="$val1['list']" class="sub-menu">
    <li loop="$val1['list']=>$key2,$val2" cond="$val2['link']">
     <a href="{$val2['href']}" target="_blank"|cond="$val2['open_window']=='Y'" style="color:#{$li->font_color_custom}">{$val2['link']}</a>
     <ul cond="$val2['list']" class="sub-menu">
      <li loop="$val2['list']=>$key3,$val3" cond="$val3['link']">
       <a href="{$val3['href']}" target="_blank"|cond="$val3['open_window']=='Y'" style="color:#{$li->font_color_custom}">{$val3['link']}</a>
      </li>
     </ul>
    </li>
   </ul>
  </li>
<li>member  <i class="zest-icon-user"></i></li> <!--@if($is_logged)-->
 <a href="{getUrl('act','dispMemberLogout')}" style="color:#{$li->font_color_custom}">Logout</a><!--@else-->
   <a href="{getUrl('act','dispMemberLoginForm')}" style="color:#{$li->font_color_custom}">Login </a>
<!--@end--> 
<!--@if(!$is_logged)-->
<a href="{getUrl('act','dispMemberSignUpForm')}" style="color:#{$li->font_color_custom}">회원가입</a>
<!--@else-->
<a href="{getUrl('act','dispMemberInfo')}" style="color:#{$li->font_color_custom}">회원정보</a>
 
<!--@end-->
<!--@if($logged_info->is_admin=="Y")--> <a href="{getUrl('', 'module','admin')}" style="color:#{$li->font_color_custom}">Admin</a><!--@end-->
</ul>
</div>
</div>
<include target="include/side.html"/>
<div id="site-pusher" class="site-pusher" style="background-image:url({$li->box_img})">
<div id="page" class="hfeed site">
<div class="site-inner">
<header id="masthead" class="site-header" role="banner">
<div class="container clearfix">
<div class="g12 head">
<div class="logo">
  <a href="{$li->default_url}">
     <!--@if($li->logo)-->
      <img src="{$li->logo}" alt="{$li->logo_title}" />
     <!--@elseif($li->logo_title)-->
      {$li->logo_title}
     <!--@else-->
      <img src="zest_layout/img/logosample.png" />
     <!--@end-->
    </a>
   </div>

<!--// GNB //-->
<nav id="site-navigation" class="menu" role="navigation" cond="$li->side!='n'">
                       <ul class="header-menu">
                              <li loop="$side_menu->list=>$key1, $val1" class="dropdown <!--@if($val1["selected"])-->active<!--@end-->">
                                    <a href="{$val1['href']}" target="_blank"|cond="$val1['open_window'] == 'y'">{$val1["link"]} <i cond="$val1['list']"></i></a>
                                    <ul cond="$val1['list']" class="sub-menu">
                                          <li loop="$val1['list']=>$key2,$val2" class="<!--@if($val2["list"])-->sub-menu<!--@end--> <!--@if($val2["selected"])-->active<!--@end-->">
                                                <a href="{$val2['href']}" target="_blank"|cond="$val2['open_window']== 'Y'">{$val2["link"]} <i cond="$val2['list']"></i></a>
         <ul cond="$val2['list']" class="sub-menu">
         <li loop="$val2['list']=>$key3, $val3" class="active"|cond="$val3['selected']">
           <a href="{$val3['href']}" target="_blank"|cond="$val3['open_window'] == 'Y'">{$val3["link"]}</a>
          </li>
         </ul>
                                          </li>
                                    </ul>
                              </li>
                        </ul>       
 
<a id="show-left-sidebar" class="open-left-sidebar open-animated-sidebars" data-effect="st-effect-5" cond="($_content_home=='h' && $li->side_bar=='y') || $li->side_bar=='all'">

<!--@if($li->side_icon1)-->
      <i class="zest-icon-{$li->side_icon1}"  />
      <!--@else-->
      <i class="zest-icon-info-circled">
     <!--@end-->
</i></a>
<a id="show-right-sidebar" class="open-right-sidebar open-animated-sidebars" data-effect="st-effect-5" cond="($_content_home=='h' && $li->side_bar2=='y') || $li->side_bar2=='all'">
<i class="zest-icon-menu-3"></i>
</a> 
</nav>
</div>
</div>
</header>
<include target="include/layoutPortfolio.html" cond="$layout_info->layoutType=='sub2'" />
<include target="include/layoutB.html" cond="$layout_info->layoutType=='sub3'" />
<include target="include/boxed.html" />
<!--@if($layout_info->layoutType=="main")-->
<!--@if(!$act_on)--> 
<!--// Slider //-->
<div class="header-slider" cond="($_content_home=='h' && $li->slider=='y') || $li->slider=='all'">
 <!--@if($li->slider_code)-->
  {$li->slider_code}
 <!--@else-->
 <include target="include/slider.html" />
 <!--@end-->
</div><!--@end-->

<!--@if(!$act_on && $_content_home=='h')--> 
<div id="main" class="content-area container clearfix">
<section id="primary" class="g8 site-content" role="main"  cond="$li->section1!='n'" >
<article class="page">
<div class="entry-content">
<div class="row">
<div class="g4">
<div class="service grid">
<div class="service-icon" cond="$li->section1_img">
<img src="{$li->section1_img}">
</div>
<div class="service-text" cond="$li->section1_Title || $li->section1_SubTitle">
<h5 class="service-title" cond="$li->section1_Title" style="color:#{$li->section1_Title_color_custom}" |cond="$li->section1_Title_color_custom">{$li->section1_Title}</h5>
<p class="service-desc"cond="$li->section1_SubTitle">{$li->section1_SubTitle}</p>
<a href="{$li->section1_more_link}" class="alt-button  medium" style="color:#{$li->section1_color_custom}" cond="$li->section1_button!='n'">{$li->section1_more_text}</a>
</div>
</div>
</div>
<div class="g4">
<div class="service grid">
<div class="service-icon" cond="$li->section1_img2">
<img src="{$li->section1_img2}">
</div>
<div class="service-text" cond="$li->section1_Title2 || $li->section1_SubTitle2">
<h5 class="service-title" style="color:#{$li->section1_Title_color_custom}"|cond="$li->section1_Title_color_custom">{$li->section1_Title2}</h5>
<p class="service-desc"cond="$li->section1_SubTitle2">{$li->section1_SubTitle2}</p>
<a href="{$li->section1_more_link2}" class="alt-button  medium" style="color:#{$li->section1_color_custom2}" cond="$li->section1_button!='n'">{$li->section1_more_text2}</a>
</div>
</div>
</div>
<div class="g4">
<div class="service grid">
<div class="service-icon" cond="$li->section1_img3">
<img src="{$li->section1_img3}">
</div>
<div class="service-text" cond="$li->section1_Title3|| $li->section1_SubTitle3">
<h5 class="service-title" style="color:#{$li->section1_Title_color_custom}"|cond="$li->section1_Title_color_custom">{$li->section1_Title3}</h5>
<p class="service-desc"cond="$li->section1_SubTitle3">{$li->section1_SubTitle3}</p>
<a href="{$li->section1_more_link3}" class="alt-button  medium" style="color:#{$li->section1_color_custom3}" cond="$li->section1_button!='n'">{$li->section1_more_text3}</a>
</div>
</div>
</div>
</div>
</div>
<div style="border:1px solid; padding:0px; color:#e6e6e6;"></div>
<p cond="$li->section2!='n'"></p>
<div class="row" cond="$li->section2!='n'">
<div class="g6">
<!--@if($li->section2_code)-->
    {$li->section2_code}
   <!--@else-->
<img class="zbxe_widget_output" widget="content" skin="content_skin_zest" colorset="white" content_type="document" module_srls="{$li->section2_srl}" list_type="image_title_content" tab_type="tab_top" tab_markup_type="table" list_count="3" cols_list_count="4" page_count="1" option_view="thumbnail,content" show_browser_title="Y" show_comment_count="Y" show_trackback_count="Y" show_category="Y" show_icon="Y" order_target="regdate" order_type="desc" thumbnail_type="crop" /> <!--@end-->
</div>
<div class="g6">
<div class="service inline">
<div class="service-icon">
<i class="zest-icon-{$li->section2_icon1} small"></i>
</div>
<div class="service-text">
<div class="service-desc" style="font-size:0.9em"> {$li->s2text_1} </div>
</div>
</div>
<div class="service inline ">
<div class="service-icon">
<i class="zest-icon-{$li->section2_icon2} small"></i>
</div>
<div class="service-text">
<div class="service-desc" style="font-size:0.9em"> {$li->s2text_2} </div>
</div>
</div>
<div class="service inline ">
<div class="service-icon">
<i class="zest-icon-{$li->section2_icon3} small"></i>
</div>
<div class="service-text">
<div class="service-desc" style="font-size:0.9em"> {$li->s2text_3} </div>
</div>
</div>
<div class="service inline ">
<div class="service-icon">
<i class="zest-icon-{$li->section2_icon4} small"></i>
</div>
<div class="service-text">
<div class="service-desc" style="font-size:0.9em"> {$li->s2text_4} </div>
</div>
</div>
</div>
</div>
<!--@end-->

<!--// parallax //--> 
<hr cond="$li->parallax!='n'">
<div class="headline" cond="$li->parallax!='n'">
<h2 style="color:#{$li->Tparallax_color}">{$li->Tparallax_Title}</h2>
</div>
<div class="fit-window-width bg-image" style="background-color:#fff;padding:150px 0;" cond="$li->parallax!='n'">
<div data-velocity="-.3" class="parallax-item" style="background-image:url({$li->parallax_img});;height:1280px"></div>
<div class="container">
<div class="g12">
<div class="headline">
<p class="subheading" cond="$li->parallax_SubTitle">{$li->parallax_SubTitle}</p>
<h1 class="h1" cond="$li->parallax_Title" style="color:#{$li->parallax_Title_color_custom}" |cond="$li->parallax_Title_color_custom">{$li->parallax_Title}</h1>
</div>
</div>
</div>
</div>
<div class="fit-window-width" style="background-color:#{$li->parallax_bar_color_custom};padding:20px 0;" cond="$li->parallax!='n'">
<div class="container">
<div class="g12">
<h3 style="color:#{$li->parallax_bar_Title_color_custom};text-align:center;font-weight:300;"|cond="$li->parallax_bar_Title">{$li->parallax_bar_Title}</h3>
</div>
</div>
</div>

<!--// section3 //-->

<div class="fit-window-width" style="background-color:#f9f8f7;border-top:1px solid#eee;border-bottom:1px solid#eee;padding:30px 0;" cond="$li->section3!='n'">
<div class="container">
<div class="g12">
<div class="headline">
<p class="subheading" cond="$li->section3_SubTitle">{$li->section3_SubTitle}</p>
<h2 class="h2" cond="$li->section3_Title" style="color:#{$li->section3_color}">{$li->section3_Title}</h2>
</div><!--@if($li->section3_code)-->
    {$li->section3_code}
   <!--@else-->
<div class="twentytwenty-container" cond="$li->section3!='n'" cond="$li->section3_img">
<img src="{$li->section3_img}"/>
<img src="{$li->section3_img2}"/><!--@end-->
</div>
</div>
</div>
</div>
<div class="service-text" style='text-align:center' cond="$li->section3!='n'">
<p>{$li->section3_Contents}</p></div>
<!--// section4 //-->
<hr cond="$li->section4!='n'"><div class="fit-window-width bg-image" style="background-color:#fff;background-image:url('{$li->section4back_img}');padding:20px 0;" cond="$li->section4!='n'">
<div class="container">
<div class="g12">
<div class="headline">
<p class="subheading" cond="$li->section4_SubTitle">{$li->section4_SubTitle}</p>
<h2 class="h2" cond="$li->section4_Title" style="color:#{$li->section4_color}">{$li->section4_Title}</h2>
</div>
<div class="portfolio-wrapper portfolio-title-bottom portfolio-title-visible">
<script>
      jQuery(document).ready(function($){
       $('.fit-window-width').aFitWindowWidth();
       $("#portfolio-shortcode-2").owlCarousel({
        items : 3,
        navigation : true,
        slideSpeed : 800,
        scrollPerPage : false,
        pagination: false,
        responsiveRefreshRate : 200,
        stopOnHover : false,
        /*autoHeight : true, */
        autoPlay: 5000,
        itemsDesktop : [1199,3],
        itemsDesktopSmall : [768,3],
        itemsTablet: [480,2],
        itemsMobile : [320,1]
       });
      });
     </script>
<ul id="portfolio-shortcode-2" class="products portfolio columns columns-3">
<li class="portfolio-item filter-photography">
<div class="img-overlay" cond="$li->section4_img1">
<img width="768" height="570" src="{$li->section4_img1}" class="attachment-thumbnail-portfolio wp-post-image"/>
<a href="{$li->section4_link1}" class="img-hover-link">
<span class="img-hover-link-icon"></span>
</a>
<div class="portfolio-title">
<div class="portfolio-title-inner" cond="$li->section4_text">
<h3><a href="{$li->section4_link2}" class="h3" cond="$li->section4_text"><span>{$li->section4_text}</span></a></h3>
</div>
</div>
</div>
</li>
<li class="portfolio-item filter-photography">
<div class="img-overlay" cond="$li->section4_img2">
<img width="768" height="570" src="{$li->section4_img2}">
<a href="{$li->section4_link2_1}" class="img-hover-link">
<span class="img-hover-link-icon"></span>
</a>
<div class="portfolio-title">
<div class="portfolio-title-inner" cond="$li->section4_text2">
<h3><a href="{$li->section4_link2_2}" class="h3" cond="$li->section4_text2"><span>{$li->section4_text2}</span></a></h3>

</div>
</div>
</div>
</li>
<li class="portfolio-item filter-photography">
<div class="img-overlay" cond="$li->section4_img3">
<img width="768" height="570" src="{$li->section4_img3}" />
<a href="{$li->section4_link3_1}" class="img-hover-link">
<span class="img-hover-link-icon"></span>
</a>
<div class="portfolio-title">
<div class="portfolio-title-inner" cond="$li->section4_text3">
<h3><a href="{$li->section4_link3_2}" class="h3" cond="$li->section4_text3"><span>{$li->section4_text3}</span></a></h3>
</div>
</div>
</div>
</li>
<li class="portfolio-item filter-illustrations">
<div class="img-overlay" cond="$li->section4_img4">
<img width="768" height="570" src="{$li->section4_img4}" />
<a href="{$li->section4_link4_1}" class="img-hover-link">
<span class="img-hover-link-icon"></span>
</a>
<div class="portfolio-title">
<div class="portfolio-title-inner" cond="$li->section4_text4">
<h3><a href="{$li->section4_link4_2}" class="h3" cond="$li->section4_text4"><span>{$li->section4_text4}</span></a></h3>
</div>
</div>
</div>
</li>
<li class="portfolio-item filter-photography">
<div class="img-overlay" cond="$li->section4_img5">
<img width="768" height="570" src="{$li->section4_img5}" />
<a href="{$li->section4_link5_1}" class="img-hover-link">
<span class="img-hover-link-icon"></span>
</a>
<div class="portfolio-title">
<div class="portfolio-title-inner" cond="$li->section4_text5">
<h3><a href="{$li->section4_link5_2}" class="h3" cond="$li->section4_text5"><span>{$li->section4_text5}</span></a></h3>
</div>
</div>
</div>
</li>
<li class="portfolio-item filter-photography">
<div class="img-overlay" cond="$li->section4_img6">
<img width="768" height="570" src="{$li->section4_img6}">
<a href="{$li->section4_link6_1}" class="img-hover-link">
<span class="img-hover-link-icon"></span>
</a>
<div class="portfolio-title">
<div class="portfolio-title-inner" cond="$li->section4_text6">
<h3><a href="{$li->section4_link6_2}" class="h3" cond="$li->section4_text6"><span>{$li->section4_text6}</span></a></h3>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
 </div>
</article>
</section>
<!--@end-->
<!--// section5 //--><!--@if(!$act_on && $_content_home=='h')--> 
<div class="container" cond="$li->section5!='n'">
<div class="g15" style="text-align:center; margin:0 auto;" cond="$li->section5!='n'">
<div class="entry-content" style="font-size:0.9em" cond="$li->section5_code">
{$li->section5_code}
</div>
</div>
</div><!--@end--> 
<!--// section6 //-->
<!--@if(!$act_on && $_content_home=='h')--> 
<div class="call-to-action" cond="$li->section6!='n'">
<div class="container">
<div class="g12">
<h4 class="h4" cond="$li->section6_text">{$li->section6_text}</h4>
<a href="{$li->section6_link}"  class="button  medium" style="color:#{$li->section6_color}"><i class="zest-icon-{$li->section6_icon}"></i>{$li->section6_text2}</a>
</div>
</div>
</div><!--@end--> 
<div class="container" style="padding-top:70px;">{$content}</div>

<footer id="colophon" class="site-footer" role="contentinfo">
<div class="footer-inner container clearfix">
<div class="site-info">
<div id="text-2" class="widget g4 widget_text">
<h3 class="widget-title">{$li->section7_Title1}</h3>
<div class="textwidget">
<p>{$li->section7_text_1}</p>
<p>
<a href="{$li->facebook_link}" target="_blank" class="social-icon  medium" cond="$li->sns_foot!='n'" cond="$li->facebook_link"><i class="zest-icon-facebook-squared"></i></a>
<a href="{$li->twitter_link}" target="_blank" class="social-icon  medium" cond="$li->sns_foot!='n'" cond="$li->twitter_link"><i class="zest-icon-twitter"></i></a>
<a href="{$li->gplus_link}" target="_blank" class="social-icon  medium" cond="$li->sns_foot!='n'" cond="$li->gplus_link"><i class="zest-icon-gplus"></i></a>
<a href="{$li->instagram_link}" target="_blank" class="social-icon  medium" cond="$li->sns_foot!='n'" cond="$li->instagram_link"><i class="zest-icon-instagram"></i></a>
<a href="{$li->youtube_link}" target="_blank" class="social-icon  medium" cond="$li->sns_foot!='n'" cond="$li->youtube_link"><i class="zest-icon-youtube-squared"></i></a>
<a href="mailto:{$li->mail_link}" target="_blank" class="social-icon  medium" cond="$li->sns_foot!='n'" cond="$li->mail_link"><i class="zest-icon-mail-alt"></i></a>
</p>
</div>
</div>
<div id="customwidget-2" class="widget g4 widget_customwidget">
<h3 class="widget-title" cond="$li->section7_Title2">{$li->section7_Title2}</h3>
<div class="flickr_wrap">
{$li->section7_widget_2}
</div>
<div class="clearboth"></div>
</div>
<div id="text-3" class="widget g4 widget_text">
<h3 class="widget-title" cond="$li->section7_Title3">{$li->section7_Title3}</h3>
<div class="textwidget">
{$li->section7_text_3}<br> 
{$li->section7_text_4}<br> 
</div>
</div>
</div>
</div>
<div class="copyright">
<p cond="$li->copyright">{$li->copyright}</p>
</div>
</footer>
</div>
</div>
</div>
</div>
</div>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>
<script src="js/show/owl.carousel.min.js"></script>
<script src="js/show/jquery.twentytwenty.min.js"></script>
<script src="js/ze/header-slider-owl-carousel-ze.js"></script>

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/ko_KR/sdk.js#xfbml=1&version=v2.3";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

-->

 

======================================================================

http://halal03.cafe24.com/page_jdgp50) 레이아웃 html

 

 

<!--
copyright 2015 ian co.
-->
<meta name="naver-site-verification" content="545a28979efb570c893312aaf7dd80b1c12bcf6e"/>
<include target="include/Properties.html" />


<div id="site-container" class="site-container clearfix">
<div id="sidebar-menu-right" class="sidebar sidebar-menu sidebar-menu-right st-effect-5">
<div class="sidebar-menu-inner">
<div class="widget widget_search">
<form role="search" method="get" id="searchform" action="{getUrl()}">
                <input type="hidden" name="act" value="IS" />
    <input name="is_keyword" type="text" class="itext" placeholder="Enter search term" spellcheck="true" />
                <input type="submit" class="submit" value="Search"/>
</form>
</div>
<ul class="main-menu navigation ">
<li loop="$main_menu->list=>$key1,$val1" cond="$val1['link']">
   <a href="{$val1['href']}" target="_blank"|cond="$val1['open_window']=='Y'" style="color:#{$li->font_color_custom}">{$val1['link']}</a>    
   <ul cond="$val1['list']" class="sub-menu">
    <li loop="$val1['list']=>$key2,$val2" cond="$val2['link']">
     <a href="{$val2['href']}" target="_blank"|cond="$val2['open_window']=='Y'" style="color:#{$li->font_color_custom}">{$val2['link']}</a>
     <ul cond="$val2['list']" class="sub-menu">
      <li loop="$val2['list']=>$key3,$val3" cond="$val3['link']">
       <a href="{$val3['href']}" target="_blank"|cond="$val3['open_window']=='Y'" style="color:#{$li->font_color_custom}">{$val3['link']}</a>
      </li>
     </ul>
    </li>
   </ul>
  </li>
<li>member  <i class="zest-icon-user"></i></li> <!--@if($is_logged)-->
 <a href="{getUrl('act','dispMemberLogout')}" style="color:#{$li->font_color_custom}">Logout</a><!--@else-->
   <a href="{getUrl('act','dispMemberLoginForm')}" style="color:#{$li->font_color_custom}">Login </a>

<!--@end--> 
<!--@if(!$is_logged)-->
<a href="{getUrl('act','dispMemberSignUpForm')}" style="color:#{$li->font_color_custom}">회원가입</a>
<!--@else-->
<a href="{getUrl('act','dispMemberInfo')}" style="color:#{$li->font_color_custom}">회원정보</a>
 
<!--@end-->
<!--@if($logged_info->is_admin=="Y")--> <a href="{getUrl('', 'module','admin')}" style="color:#{$li->font_color_custom}">Admin</a><!--@end-->
</ul>
</div>
</div>
<include target="include/side.html"/>

<div id="site-pusher" class="site-pusher" style="background-image:url({$li->box_img})">
<div id="page" class="hfeed site">
<div class="site-inner">
<header id="masthead" class="site-header" role="banner">
<div class="container clearfix">
<div class="g12 head">

<div class="logo">
  <a href="{$li->default_url}">
     <!--@if($li->logo)-->
      <img src="{$li->logo}" alt="{$li->logo_title}" />
     <!--@elseif($li->logo_title)-->
      {$li->logo_title}
     <!--@else-->
      <img src="zest_layout/img/logosample.png" />
     <!--@end-->
    </a>
   </div>

<!--// GNB //-->
<nav id="site-navigation" class="menu" role="navigation" cond="$li->side!='n'">
                       <ul class="header-menu">
                              <li loop="$side_menu->list=>$key1, $val1" class="dropdown <!--@if($val1["selected"])-->active<!--@end-->">
                                    <a href="{$val1['href']}" target="_blank"|cond="$val1['open_window'] == 'y'">{$val1["link"]} <i cond="$val1['list']"></i></a>
                                    <ul cond="$val1['list']" class="sub-menu">
                                          <li loop="$val1['list']=>$key2,$val2" class="<!--@if($val2["list"])-->sub-menu<!--@end--> <!--@if($val2["selected"])-->active<!--@end-->">
                                                <a href="{$val2['href']}" target="_blank"|cond="$val2['open_window']== 'Y'">{$val2["link"]} <i cond="$val2['list']"></i></a>
         <ul cond="$val2['list']" class="sub-menu">
         <li loop="$val2['list']=>$key3, $val3" class="active"|cond="$val3['selected']">
           <a href="{$val3['href']}" target="_blank"|cond="$val3['open_window'] == 'Y'">{$val3["link"]}</a>
          </li>
         </ul>
                                          </li>
                                    </ul>
                              </li>
                        </ul>       
 
<a id="show-left-sidebar" class="open-left-sidebar open-animated-sidebars" data-effect="st-effect-5" cond="($_content_home=='h' && $li->side_bar=='y') || $li->side_bar=='all'">

<!--@if($li->side_icon1)-->
      <i class="zest-icon-{$li->side_icon1}"  />
      <!--@else-->
      <i class="zest-icon-info-circled">
     <!--@end-->
</i></a>
<a id="show-right-sidebar" class="open-right-sidebar open-animated-sidebars" data-effect="st-effect-5" cond="($_content_home=='h' && $li->side_bar2=='y') || $li->side_bar2=='all'">
<i class="zest-icon-menu-3"></i>
</a> 
</nav>
</div>
</div>
</header>
<include target="include/layoutPortfolio.html" cond="$layout_info->layoutType=='sub2'" />
<include target="include/layoutB.html" cond="$layout_info->layoutType=='sub3'" />
<include target="include/boxed.html" />
<!--@if($layout_info->layoutType=="sub2")-->
<body class="page transparent-header portfolio-full-width portfolio-sorting full-width both-animated-sidebars menu-header" cond="$layout_info->layoutType=='sub2'" cond="($_content_home=='h' && $li->transparent=='y') || ($_content_home!='n' && $li->transparent=='s') || $li->transparent=='all'"></body>


<div id="main" class="content-area container clearfix"cond="$layout_info->layoutType=='sub2'">
<section id="primary" class="g8 site-content portfolio-no-margins" role="main" cond="$layout_info->layoutType=='sub2'">
<article class="portfolio">
<ul class="products portfolio columns columns-{$li->subC_column}" cond="$li->portfolio_type!='n'">
<li class="portfolio-item filter-photography">
<div class="img-overlay">
<img src="{$li->portfolio_img}"/>
<a href="{$li->portfolio_link}">

</a>
<div class="portfolio-title">
<div class="portfolio-title-inner">
<h3><a href="{$li->portfolio_link}" class="h3" style="color:#{$li->portfolio_color}" cond="$li->portfolio_text">{$li->portfolio_text}</a></h3>
</div>
</div>
</div>
</li>
<li class="portfolio-item filter-photography">
<div class="img-overlay">
<img src="{$li->portfolio_img2}"/>
<a href="{$li->portfolio_link2}">

</a>
<div class="portfolio-title">
<div class="portfolio-title-inner">
<h3><a href="{$li->portfolio_link2}" class="h3" style="color:#{$li->portfolio_color}" cond="$li->portfolio_text2">{$li->portfolio_text2}</a></h3>
</div>
</div>
</div>
</li>
<li class="portfolio-item filter-photography">
<div class="img-overlay">
<img src="{$li->portfolio_img3}"/>
<a href="{$li->portfolio_link3}">

</a>
<div class="portfolio-title">
<div class="portfolio-title-inner">
<h3><a href="{$li->portfolio_link3}" class="h3" style="color:#{$li->portfolio_color}" cond="$li->portfolio_text"3>{$li->portfolio_text3}</a></h3>
</div>
</div>
</div>
</li>
<li class="portfolio-item filter-photography">
<div class="img-overlay">
<img src="{$li->portfolio_img4}"/>
<a href="{$li->portfolio_link4}">

</a>
<div class="portfolio-title">
<div class="portfolio-title-inner">
<h3><a href="{$li->portfolio_link4}" class="h3" style="color:#{$li->portfolio_color}" cond="$li->portfolio_text4">{$li->portfolio_text4}</a></h3>
</div>
</div>
</div>
</li>
<li class="portfolio-item filter-photography">
<div class="img-overlay">
<img src="{$li->portfolio_img5}"/>
<a href="{$li->portfolio_link5}" class="img-hover-link">
<span class="img-hover-link-icon"></span>
</a>
<div class="portfolio-title">
<div class="portfolio-title-inner">
<h3><a href="{$li->portfolio_link5}" class="h3" style="color:#{$li->portfolio_color}" cond="$li->portfolio_text5">{$li->portfolio_text5}</a></h3>
</div>
</div>
</div>
</li>
<li class="portfolio-item filter-photography">
<div class="img-overlay">
<img src="{$li->portfolio_img6}"/>
<a href="{$li->portfolio_link6}" class="img-hover-link">
<span class="img-hover-link-icon"></span>
</a>
<div class="portfolio-title">
<div class="portfolio-title-inner">
<h3><a href="{$li->portfolio_link6}" class="h3" style="color:#{$li->portfolio_color}" cond="$li->portfolio_text6">{$li->portfolio_text6}</a></h3>
</div>
</div>
</div>
</li>
<li class="portfolio-item filter-photography">
<div class="img-overlay">
<img src="{$li->portfolio_img7}"/>
<a href="{$li->portfolio_link7}" class="img-hover-link">
<span class="img-hover-link-icon"></span>
</a>
<div class="portfolio-title">
<div class="portfolio-title-inner">
<h3><a href="{$li->portfolio_link7}" class="h3" style="color:#{$li->portfolio_color}" cond="$li->portfolio_text7">{$li->portfolio_text7}</a></h3>
</div>
</div>
</div>
</li>
<li class="portfolio-item filter-photography">
<div class="img-overlay">
<img src="{$li->portfolio_img8}"/>
<a href="{$li->portfolio_link8}" class="img-hover-link">
<span class="img-hover-link-icon"></span>
</a>
<div class="portfolio-title">
<div class="portfolio-title-inner">
<h3><a href="{$li->portfolio_link8}" class="h3" style="color:#{$li->portfolio_color}" cond="$li->portfolio_text8">{$li->portfolio_text8}</a></h3>
</div>
</div>
</div>
</li>

<li class="portfolio-item filter-photography">
<div class="img-overlay">
<img src="{$li->portfolio_img9}"/>
<a href="{$li->portfolio_link9}" class="img-hover-link">
<span class="img-hover-link-icon"></span>
</a>
<div class="portfolio-title">
<div class="portfolio-title-inner">
<h3><a href="{$li->portfolio_link9}" class="h3" style="color:#{$li->portfolio_color}" cond="$li->portfolio_text9">{$li->portfolio_text9}</a></h3>
</div>
</div>
</div>
</li>
<li class="portfolio-item filter-photography">
<div class="img-overlay">
<img src="{$li->portfolio_img10}"/>
<a href="{$li->portfolio_link10}" class="img-hover-link">
<span class="img-hover-link-icon"></span>
</a>
<div class="portfolio-title">
<div class="portfolio-title-inner">
<h3><a href="{$li->portfolio_link10}" class="h3" style="color:#{$li->portfolio_color}" cond="$li->portfolio_text10">{$li->portfolio_text10}</a></h3>
</div>
</div>
</div>
</li>
<li class="portfolio-item filter-photography">
<div class="img-overlay">
<img src="{$li->portfolio_img11}"/>
<a href="{$li->portfolio_link11}" class="img-hover-link">
<span class="img-hover-link-icon"></span>
</a>
<div class="portfolio-title">
<div class="portfolio-title-inner">
<h3><a href="{$li->portfolio_link11}" class="h3" style="color:#{$li->portfolio_color}" cond="$li->portfolio_text11">{$li->portfolio_text11}</a></h3>
</div>
</div>
</div>
</li>
<li class="portfolio-item filter-photography">
<div class="img-overlay">
<img src="{$li->portfolio_img12}"/>
<a href="{$li->portfolio_link12}" class="img-hover-link">
<span class="img-hover-link-icon"></span>
</a>
<div class="portfolio-title">
<div class="portfolio-title-inner">
<h3><a href="{$li->portfolio_link12}" class="h3" style="color:#{$li->portfolio_color}" cond="$li->portfolio_text12">{$li->portfolio_text12}</a></h3>
</div>
</div>
</div>
</li>


</ul></article>
</section>

<!--// section2 //-->

<div class="fit-window-width bg-image" style="background-color:#fff;background-image:url('{$li->pS2_img1}');padding:50px 0;" cond="$li->portfolio_Section2!='n'">
<div class="container">
<div class="g12">
<div class="headline">
<p class="subheading" style="color:#{$li->portfolioSection2_color}">{$li->portfolioSection2_SubTitle}</p>
<h2 style="color:#{$li->portfolioSection2_color}">{$li->portfolioSection2_Title}</h2>
</div>
<div class="portfolio-wrapper portfolio-no-margins portfolio-title-visible">
<script>
        jQuery(document).ready(function($){
         $('.fit-window-width').aFitWindowWidth();
         $("#portfolio-shortcode-4").owlCarousel({
          items : 4,
          navigation : true,
          slideSpeed : 800,
          scrollPerPage : false,
          pagination: false,
          responsiveRefreshRate : 200,
          stopOnHover : false,
          /*autoHeight : true, */
          autoPlay: 5000,
          itemsDesktop : [1199,4],
          itemsDesktopSmall : [768,3],
          itemsTablet: [480,2],
          itemsMobile : [320,1]
         });
        });
        </script>
<ul id="portfolio-shortcode-4" class="products portfolio columns columns-4">
<li class="portfolio-item filter-photography">
<div class="img-overlay">
<img src="{$li->portfolioSection2_img1}">
<a href="{$li->portfolioSection2_link1}" class="img-hover-link">
<span class="img-hover-link-icon"></span>
</a>
<div class="portfolio-title">
<div class="portfolio-title-inner">
<h3><a href="{$li->portfolioSection2_link1}"><span>{$li->portfolioSection2_text}</span></a></h3>
</div>
</div>
</div>
</li>
<li class="portfolio-item filter-photography">
<div class="img-overlay">
<img src="{$li->portfolioSection2_imgB}">
<a href="{$li->portfolioSection2_linkB}" class="img-hover-link">
<span class="img-hover-link-icon"></span>
</a>
<div class="portfolio-title">
<div class="portfolio-title-inner">
<h3><a href="{$li->portfolio_Section2_linkB}"><span>{$li->portfolioSection2_textB}</span></a></h3>
</div>
</div>
</div>
</li>
<li class="portfolio-item filter-photography">
<div class="img-overlay">
<img src="{$li->portfolioSection2_imgC}">
<a href="{$li->portfolioSection2_linkC}" class="img-hover-link">
<span class="img-hover-link-icon"></span>
</a>
<div class="portfolio-title">
<div class="portfolio-title-inner">
<h3><a href="{$li->portfolio_Section2_linkC}"><span>{$li->portfolioSection2_textC}</span></a></h3>
</div>
</div>
</div>
</li>
<li class="portfolio-item filter-illustrations">
<div class="img-overlay">
<img src="{$li->portfolioSection2_imgD}">
<a href="{$li->portfolioSection2_linkD}" class="img-hover-link">
<span class="img-hover-link-icon"></span>
</a>
<div class="portfolio-title">
<div class="portfolio-title-inner">
<h3><a href="{$li->portfolio_Section2_linkD}"><span>{$li->portfolioSection2_textD}</span></a></h3>
</div>
</div>
</div>
</li>
<li class="portfolio-item filter-photography">
<div class="img-overlay">
<img src="{$li->portfolioSection2_imgE}">
<a href="{$li->portfolioSection2_linkE}" class="img-hover-link">
<span class="img-hover-link-icon"></span>
</a>
<div class="portfolio-title">
<div class="portfolio-title-inner">
<h3><a href="{$li->portfolio_Section2_linkE}"><span>{$li->portfolioSection2_textE}</span></a></h3>
</div>
</div>
</div>
</li>
<li class="portfolio-item filter-photography">
<div class="img-overlay">
<img src="{$li->portfolioSection2_imgF}">
<a href="{$li->portfolioSection2_linkF}" class="img-hover-link">
<span class="img-hover-link-icon"></span>
</a>
<div class="portfolio-title">
<div class="portfolio-title-inner">
<h3><a href="{$li->portfolio_Section2_linkF}"><span>{$li->portfolioSection2_textF}</span></a></h3>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
<!--@end-->
</article>
</section>


<div class="container" style="padding-top:70px;">{$content}</div>

<footer id="colophon" class="site-footer" role="contentinfo">
<div class="footer-inner container clearfix">
<div class="site-info">
<div id="text-2" class="widget g4 widget_text">
<h3 class="widget-title">{$li->section7_Title1}</h3>
<div class="textwidget">
<p>{$li->section7_text_1}</p>
<p>
<a href="{$li->facebook_link}" target="_blank" class="social-icon  medium" cond="$li->sns_foot!='n'" cond="$li->facebook_link"><i class="zest-icon-facebook-squared"></i></a>
<a href="{$li->twitter_link}" target="_blank" class="social-icon  medium" cond="$li->sns_foot!='n'" cond="$li->twitter_link"><i class="zest-icon-twitter"></i></a>
<a href="{$li->gplus_link}" target="_blank" class="social-icon  medium" cond="$li->sns_foot!='n'" cond="$li->gplus_link"><i class="zest-icon-gplus"></i></a>
<a href="{$li->instagram_link}" target="_blank" class="social-icon  medium" cond="$li->sns_foot!='n'" cond="$li->instagram_link"><i class="zest-icon-instagram"></i></a>
<a href="{$li->youtube_link}" target="_blank" class="social-icon  medium" cond="$li->sns_foot!='n'" cond="$li->youtube_link"><i class="zest-icon-youtube-squared"></i></a>
<a href="mailto:{$li->mail_link}" target="_blank" class="social-icon  medium" cond="$li->sns_foot!='n'" cond="$li->mail_link"><i class="zest-icon-mail-alt"></i></a>
</p>
</div>
</div>
<div id="customwidget-2" class="widget g4 widget_customwidget">
<h3 class="widget-title" cond="$li->section7_Title2">{$li->section7_Title2}</h3>
<div class="flickr_wrap">
{$li->section7_widget_2}
</div>
<div class="clearboth"></div>
</div>
<div id="text-3" class="widget g4 widget_text">
<h3 class="widget-title" cond="$li->section7_Title3">{$li->section7_Title3}</h3>
<div class="textwidget">
{$li->section7_text_3}<br> 
{$li->section7_text_4}<br> 
</div>
</div>
</div>
</div>
<div class="copyright">
<p cond="$li->copyright">{$li->copyright}</p>
</div>
</footer>
</div>
</div>
</div>
</div> </div>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>
<script src="js/show/owl.carousel.min.js"></script>
<script src="js/show/jquery.twentytwenty.min.js"></script>
<script src="js/ze/header-slider-owl-carousel-ze.js"></script>

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/ko_KR/sdk.js#xfbml=1&version=v2.3";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

-->

 

글쓴이 제목 최종 글
XE 공지 글 쓰기,삭제 운영방식 변경 공지 [16] 2019.03.05 by 남기남
안뇽하세요 모바일 top (맨위로) 버튼 삽입 [1] file 2016.06.25 by DoorWeb
Eric XE 설치 HTTP500 에러(최초설치) [4] 2016.06.22 by Eric
천화케빈 안녕하세요... 이거를 해결할 방법은 없을까요? [8] file 2016.06.17 by 천화케빈
마법사 제 사이트 트래픽 한번 봐주시겠어요? 좀 비정상적인것 같습니다. [2] file 2016.06.07 by 기진곰
꽃민 지금 홈페이지가 난리가 났어요 ㅠㅠ 살려주세요 ㅠㅠ [3] file 2016.05.26 by GG
어제오늘내일 도와주세요. ㅜㅜ 슬라이드 위젯 사용 [2] file 2016.05.19 by 꽃민
꽃민 XE 메인화면같은 슬라이더는 없나요 ... [2] file 2016.05.18 by 꽃민
hazydusk 위지윅에디터 글쓰기 비활성화 +방명록 안나옴(스케치북스킨) [4] file 2016.05.11 by hazydusk
빙짱 태그 리스트(꼬리표 목록 출력) 위젯 게시판에 적용하는 방법 [2] file 2016.04.25 by 빙짱
kyurae sitemap.xml 작성시 오류 [8] 2016.04.22 by kyurae
kjmedi626 도와주세요.. [2] 2016.04.18 by kjmedi626
jeon**** XE코어를 설치하려고 하는데 'HTTP 500 내부서버오류'라고 하네요.... [1] 2016.04.16 by Xiso
ejrdhk**** 플로팅 배너 스크롤 이벤트 문제  
땅콩이 브라우져별 이동페이지레이아웃  
굳세라 익명관련 애드온을 사용하고 있는데 질문이 있습니다  
오늘 초보입니다 도와주세요!! [4] file 2016.03.17 by 오늘
thdwjdtjr 간단한 메인화면 수정 의뢰합니다 file  
gagagaga2 xe 갤러리게시판에 외부이미지 쓰면 원래 썸네일 안생기나요? [1] 2016.02.19 by 휘즈
댑펑 세진님 추천 새로고침 없이 하는 애드온 질문드려요 [1] 2016.02.18 by sejin7940
c*** 이미지 슬라이더 그림 크기를 고정시키고 싶어요