{@ $li = $layout_info; }
<load target="css/layout.css" />
<load target="js/layout.js" />
<block cond="!$li->top_mcolor">{@ $li->top_mcolor = '#fff'}</block>

<!--Background Img-->
{@ $imgsrc[1] = $li->path.'img/bg-green.png'}
{@ $imgsrc[2] = $li->path.'img/bg-gold.png'}
{@ $imgsrc[3] = $li->path.'img/bg-lightgreen.png'}
{@ $imgsrc[4] = $li->path.'img/bg-yellowocher.png'}
{@ $imgsrc[5] = $li->path.'img/bg-darkgreen.png'}
{@ $imgsrc[6] = $li->path.'img/bg-black1.png'}
{@ $imgsrc[7] = $li->path.'img/bg-gray.png'}
{@ $imgsrc[8] = $li->path.'img/bg-white.png'}

<style>
body { background-color:{$li->body_color}; }
#background { background-color:{$li->container_color}; }
#top_menu a { color:{$li->top_mcolor}; }
.sidebar ul li a { background:{$li->wing_bg_color}; color:{$li->wing_menu_color}; font-size:{$li->wing_menu_size}; }
.sidebar ul li:hover a { background:{$li->wing_menu_hcolor}; color:{$li->wing_menu_htcolor}; }
.sidebar a#logo span{ font-size:1.5em; color:{$li->top_mcolor}; }
.container { padding-top:{$li->content_top_p}px; }
.content-home {<block cond="$li->content_shadow == 'Y' && !Mobile::isMobileCheckByAgent()"> box-shadow:0 0 5px #330000; </block>}
.content-home {<block cond="$li->content_radius == 'Y' && !Mobile::isMobileCheckByAgent()"> -webkit-border-radius:10px;-moz-border-radius:10px; border-radius:10px; </block>}

.total-page .home-page { background:url(
<!--@if($li->bg_img == '1')-->{$imgsrc[1]}
<!--@elseif($li->bg_img == '2')-->{$imgsrc[2]}
<!--@elseif($li->bg_img == '3')-->{$imgsrc[3]}
<!--@elseif($li->bg_img == '4')-->{$imgsrc[4]}
<!--@elseif($li->bg_img == '5')-->{$imgsrc[5]}
<!--@elseif($li->bg_img == '6')-->{$imgsrc[6]}
<!--@elseif($li->bg_img == '7')-->{$imgsrc[7]}
<!--@elseif($li->bg_img == '8')-->{$imgsrc[8]}
<!--@else--><!--@end-->
) repeat-y right top;}

<block cond=" !Mobile::isMobileCheckByAgent()">
#background,
.sidebar ul li.home a { background:
<!--@if($li->bg_img == '1')-->#7b8846}
<!--@elseif($li->bg_img == '2')-->#cba200}
<!--@elseif($li->bg_img == '3')-->#aec066}
<!--@elseif($li->bg_img == '4')-->#c0ac66}
<!--@elseif($li->bg_img == '5')-->#528846}
<!--@elseif($li->bg_img == '6')-->#000}
<!--@elseif($li->bg_img == '7')-->#999}
<!--@elseif($li->bg_img == '8')-->#fff; color:#999}
<!--@else--><!--@end-->
 }</block>

<block cond="$li->bg_img == '8'">
.footer div { color:#999; }
.footer div a { color:#999; }
.footer ul li a { color:#999; border-left:1px solid #999; }
</block>

@media all and (max-width:479px) {
.total-page { width:100%; }
.total-page .home-page { background:#fff; min-height:580px;}
.container { padding-top:0px; width:100%; }
.container .content-home { margin:0px; padding:0px; width:100%; }

#background, #top_menu, .right-wing1, .right-wing2, .ad, .btn_top, .sidebar, .container .ad, .topmenu, .loginWindow, .snsLogin, .footer, .ei-slider { display:none }
}
</style>

<div id="background">
</div>

<div cond="Mobile::isMobileCheckByAgent()" id="mlogo">
	<a href="<!--@if($li->logo_url)-->{$li->logo_url}<!--@else-->{getUrl('')}<!--@end-->"><span>{$li->logo_text}</span></a>
</div>

<include target="smenu.html" />

<!-- Top Menu -->
<block cond="$li->topmenu == '' && !Mobile::isMobileCheckByAgent()"><include target="topmenu.html" /></block>
<div cond="$li->menu_location == ''" id="top_menu">
	<ul>
		<li loop="$GNB->list => $key1, $val1">
			<a href="{$val1['href']}" target="_blank"|cond="$val1['open_window'] == 'Y'">{$val1['link']}</a>
			<block cond="$val1['selected']">{@ $_selected_menu = $val1}</block>
		</li>
	</ul>
</div>

<!--Main Area-->
<div class="total-page">
	<div class="home-page">

		<div class="sidebar">
			<!-- Logo -->
			<a id="logo" href="<!--@if($li->index_url)-->{$li->index_url}<!--@else-->{getUrl('')}<!--@end-->">
				<!--@if($li->logo_img)-->
				<img src="{$li->logo_img}" width="90" <!--@if($li->logo_imgh)-->onmouseover="this.src='{$li->logo_imgh}'" onmouseout="this.src='{$li->logo_img}'"<!--@end-->
				align="absmiddle" alt="logo"/>
				<!--@else-->
				<span>{$li->logo_text}</span>
				<!--@end-->
			</a>

			<!-- Wing Menu -->
			<ul cond="$li->menu_location == ''">
				<li loop="$_selected_menu['list'] => $key1, $val1" class="home"|cond="$val1['selected']">
				<a href="{$val1['href']}" target="_blank"|cond="$val1['open_window'] == 'Y'">{$val1['link']}</a>
				</li>
			</ul>
			<ul cond="$li->menu_location == '2'">
				<li loop="$GNB->list => $key1, $val1" class="home"|cond="$val1['selected']">
					<a href="{$val1['href']}" target="_blank"|cond="$val1['open_window'] == 'Y'">{$val1['link']}</a>
				</li>
			</ul>

			<div class="left-wing">
				<div class="left-wingt">
					{$li->left_wing}
				</div>
				<!-- SNS -->
				<div class="connect">
					<center><a cond="$li->facebook_id" href="https://www.facebook.com/{$li->facebook_id}" id="fb" target="_blank">facebook</a>
					<a cond="$li->twitter_id" href="https://twitter.com/{$li->twitter_id}" id="twitter" target="_blank">twitter</a>
					<a cond="$li->googleplus_id" href="https://plus.google.com/u/0/communities/{$li->googleplus_id}" id="googleplus" target="_blank">google+</a>
					<a cond="$li->youtube_id" href="https://www.youtube.com/channel/{$li->youtube_id}" id="youtube" target="_blank">youtube</a></center>
				</div>
			</div>
		</div>

		<div class="container">
			<div class="content-home">
				<block cond="$li->menu_p == ''"><include target="position.html" /></block>
				<div class="ad">
					{$li->ad_top}
				</div>

				<!-- 배경슬라이드 -->
				<block cond="$li->Elastic_slide == 'Y'"><include target="elasticslide.html" /></block>
				<block cond="$li->TriplePanelImage_slide == 'Y'"><include target="tpislide.html" /></block>

				{$content|noescape}
				<div class="ad">
					{$li->ad}
				</div>
			</div>

			<!-- Footer -->
			<div class="footer">
				<div class="copy">
					<div cond="$li->footer_copyright"><a>{$li->footer_copyright}</a></div>
					<div><a cond="$li->mail" href="mailto:{$li->mail}"><i class="fa fa-envelope"></i> Send E-mail l </a><a href="http://moonhouse.co.kr/" onclick="window.open(this.href);return false;"><i class="fab fa-connectdevelop fa-pulse"></i> Edited by MoonHouse l Free Website Templates</a>
					</div>
					<a cond="$li->copy_etc1 || $li->copy_etc2">
					<span cond="$li->copy_etc1" style="margin:3px 0">{$li->copy_etc1}</span>
					<br/>
					<i cond="$li->copy_etc2">{$li->copy_etc2}</i>
					</a>
				</div>
				<ul>
					<li loop="$FNB->list => $key1, $val1">
						<a href="{$val1['href']}" target="_blank"|cond="$val1['open_window'] == 'Y'">{$val1['link']}</a>
					</li>
				</ul>
			</div>

			<div cond="$li->footer_copyright && Mobile::isMobileCheckByAgent()" class="mfooter">
				<span>{$li->footer_copyright}</span>
			</div>
		</div>

		<!--Right Wing Area-->
		<div class="right-wing">
			<div>
				<ul class="right-wing1">{$li->right_html}</ul>
				<ul class="right-wing2">{$li->right_w}</ul>
			</div>
		</div>

	</div>
</div>

<!-- To Top -->
<a href="#" class="btn_top"><i class="fa fa-angle-double-up" aria-hidden="true"></i></a>