<div class="cnb_n_list">

<!--// 카테고리 -->

<div cond="$mi->use_category=='Y' && $mi->cnb!='N'" class="if_lst_btn"|cond="$mi->select_lst=='N'" style="margin-bottom:30px"|cond="$mi->default_style=='blog'">

{@ $cate_list = array(); $current_key = null; }

<!--@foreach($category_list as $key=>$val)-->

<!--@if(!$val->depth)-->

{@

$cate_list[$key] = $val;

$cate_list[$key]->children = array();

$current_key = $key;

}

<!--@elseif($current_key)-->

{@ $cate_list[$current_key]->children[] = $val }

<!--@end-->

<!--@end-->

<div cond="!$mi->cnb" class="bd_cnb clear css3pie<!--@if($mi->cnb_open)--> open<!--@end-->">

<a class="home" href="{getUrl('category','','page','','document_srl','')}" title="{$lang->document_count} '{number_format($total_count)}'"><i class="home ico_16px">Category</i></a>

<div class="dummy_ie fr"></div>

<ul class="bubble bg_f_f9 css3pie">

<li class="cnbMore"><a href="#" class="bubble" title="{$lang->category} {$lang->more}"><i class="ui-icon<!--@if($mi->cnb_open)--> ui-icon-triangle-1-n<!--@else--> ui-icon-triangle-1-s<!--@end-->"></i></a></li>

<li loop="$cate_list=>$key,$val" class="on"|cond="$category==$val->category_srl">

<a class="a1<!--@if($category==$val->category_srl)--> on<!--@end-->" href="{getUrl(category,$val->category_srl,'document_srl','','page','')}" title="{$lang->document_count} {$val->document_count}"|cond="!$mi->cnb_count" style="color:{$val->color}"|cond="$val->color!='transparent'">{$val->title}<small cond="$mi->cnb_count">({$val->document_count})</small></a>

<ul cond="count($val->children)" class="wrp">

<li loop="$val->children=>$idx,$item" class="li2<!--@if($category==$item->category_srl)--> on<!--@end-->"><a href="{getUrl(category,$item->category_srl,'document_srl','','page','')}" title="{$lang->document_count} {$item->document_count}"|cond="!$mi->cnb_count" style="color:{$item->color}"|cond="$item->color!='transparent'">{$item->title}<small cond="$mi->cnb_count">({$item->document_count})</small></a></li>

</ul>

</li>

</ul>

</div>

<ul cond="$mi->cnb=='cTab'" class="cTab clear">

<li class="home<!--@if(!$category)--> on<!--@end-->"><a href="{getUrl('category','','page','','document_srl','')}" title="{$lang->document_count} {number_format($total_count)}">{$lang->total}<small cond="$mi->cnb_count">({number_format($total_count)})</small></a></li>

<li loop="$cate_list=>$key,$val" class="on"|cond="$category==$val->category_srl">

<a href="{getUrl(category,$val->category_srl,'document_srl','','page','')}" style="color:{$val->color}"|cond="$val->color!='transparent'">{$val->title}<small cond="$mi->cnb_count">({$val->document_count})</small></a>

<ul cond="count($val->children)">

<li loop="$val->children=>$idx,$item" class="open on_"|cond="$category==$item->category_srl"><a href="{getUrl(category,$item->category_srl,'document_srl','','page','')}" style="color:{$item->color}"|cond="$item->color!='transparent'">{$item->title}</a></li>

</ul>

</li>

</ul>

</div>

// Category Navigation

bd.find('ul.cTab>li>ul>li.on_').parents('li:first').addClass('on');

var cnb = bd.find('div.bd_cnb');

if(cnb.length){

var cMore = bd.find('li.cnbMore');

   var cItem = cnb.find('>ul>li');

   var lastEvent = null;

   function cnbToggle(){

       var t = $(this);

       if(t.next('ul').is(':hidden') || t.next('ul').length==0){

           cItem.find('>ul').fadeOut(100);

           t.next('ul').fadeIn(200);

       };

   };

   function cnbOut(){

       cItem.find('ul').fadeOut(100);

   };

   cItem.find('>a').mouseover(cnbToggle).focus(cnbToggle);

   cItem.mouseleave(cnbOut);

cItem.find('>ul').each(function(){

var t = $(this);

t.append('<i class="edge"></i>');

if(ie8Check) t.prepend('<i class="ie8_only bl"></i><i class="ie8_only br"></i>');

if(t.width() > $('html,body').width()-t.offset().left){

t.addClass('flip');

};

});

cItem.find('>ul>li.on').parents('ul:first').show().prev().addClass('on');

   function cnbStart(){

// If Overflow

cItem.each(function(){

if($(this).offset().top!=cMore.offset().top){

$(this).addClass('hidden').nextAll().addClass('hidden');

cMore.css('visibility','visible');

return false;

} else {

$(this).removeClass('hidden').nextAll().removeClass('hidden');

cMore.css('visibility','hidden');

};

});

cnb.find('>.bg_f_f9').css('overflow','visible');

};

cnbStart();

$(window).resize(cnbStart);

function cnbMore(){

cnb.toggleClass('open').find('.ui-icon').toggleClass('ui-icon-triangle-1-s').toggleClass('ui-icon-triangle-1-n');

return false;

};

if((cnb.find('.hidden a,.hidden li').hasClass('on')) && !cnb.hasClass('open')){

cnbMore();

};

cMore.click(cnbMore);

};