XE 레이아웃 2차 메뉴가 나오도록 수정된 것을 사용하고 있습니다.

원래 서브메뉴는 서브메뉴가 나열된 식으로 나오고 마는데 저는 서브메뉴 사이에 작대기(|)를 두고 싶어서 수정해서 사용하고 있는데요

만약 메뉴를 관리자 그룹만 보도록 설정할 경우 다른 방문자의 눈에는 메뉴는 없는데 작대기는 남아 있는 걸 보게 됩니다;

작대기를 메뉴를 숨길 때 같이 숨길 수 있었으면 하는데 잘 안되네요...

약간만 수정하면 될 것 같은데 숨기는 걸 어디서 정의하는지 잘 모르겠습니다.

<!-- 1차메뉴 마우스오버 시 2차메뉴 시작 -->
      {@$gnb_count = 0;}

         <!--@foreach($main_menu->list as $mkey => $mval)-->
         <!--@if($mval['text'])-->
            <!--@if($mval['selected'])-->
      <ol id="gnb{$gnb_count}" class="gnb_sub" style="display:block;">
      <!--@if(!$mval['list'])--><li> </li><!--@end-->
       {@$count_line = 0;}
              <!--@foreach($mval['list'] as $key => $val)-->
       {@$count_line++;}<!--@end-->
           <!--@foreach($mval['list'] as $key => $val)--><!--@if($val['link'])-->
     <li <!--@if($val['selected'])-->class="on"<!--@end-->><a href="{$val['href']}" onfocus="this.blur();"
     <!--@if($val['open_window']=='Y')-->onclick="window.open(this.href);return false;"<!--@end-->>{$val['link']} </a>
  <!--@if($count_line > 1)-->|<!--@end-->
  {@$count_line--;}
     </li>    
     <!--@end--><!--@end-->
    </ol>
  
<script type="text/javascript"> var gnb_count_now = {$gnb_count}; reset_menu(); </script>
  
    <!--@else-->
      <ol id="gnb{$gnb_count}" class="gnb_sub" style="display:none;">
     <!--@if(!$mval['list'])--><li></li><!--@end-->

       {@$count_line = 0;}
              <!--@foreach($mval['list'] as $key => $val)-->
       {@$count_line++;}
       <!--@end-->
              <!--@foreach($mval['list'] as $key => $val)--><!--@if($val['link'])-->
     <li><a href="{$val['href']}" onfocus="this.blur();"
      <!--@if($val['open_window']=='Y')-->onclick="window.open(this.href);return false;"
       <<!--@if($count_line > 1)-->|<!--@end-->
  {@$count_line--;}
  </li> <!--@end--><!--@end-->
     </ol>
       <!--@end-->
          {@$gnb_count++;}
          <!--@end-->
        <!--@end-->
<!-- 1차메뉴 마우스오버 시 2차메뉴 끝 -->