올렸던 문의인데 질문에 대한 설명이 부족한것 같아서 다시올려요.

위 첨부이미지에서 제가 메뉴를 클릭하면 빨간색 네모에만 변하도록 하고싶은데요..

제가 에디터 플러스를 사용해서 지금 작업중인데, layouts/xedition/layout.html에서 수정하는게 맞는건가요? 

저 첨부파일 부분이, 에디터플러스에서 layout.html에 뜨는 소스랑 크롬에서 요소검사후 뜨는 소스랑 다른데 왜다른가요?

어제 오늘 계속봐도 이해가안되네요.. 어디에서 메뉴링크를 할수있는지 ㅠㅠ.. 

에디터플러스에서 layout.html에서 뜨는소스는

<!-- GNB -->
   <nav cond="$GNB->list" class="gnb" id="gnb">
    <div id="mobile_menu_btn" class="menu_btn">
     <div class="menu_bar">
      <div class="btn1"></div>
      <div class="btn2"></div>
      <div class="btn3"></div>
     </div>
    </div>
    <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>
      <ul cond="$val1['list']" class="depth2">
       <li loop="$val1['list'] => $key2, $val2" class="more"|cond="$val2['list']">
        <a href="{$val2['href']}" target="_blank"|cond="$val2['open_window'] == 'Y'">{$val2['link']}</a>
        <ul cond="$val2['list']" class="depth3">
         <li loop="$val2['list'] => $key3, $val3">
          <a href="{$val3['href']}" target="_blank"|cond="$val3['open_window'] == 'Y'">{$val3['link']}</a>
         </li>
        </ul>
       </li>
      </ul>
     </li>
    </ul>
   </nav>
   <!-- /GNB -->

크롬에서 요소 검사후 뜨는 소스는

이건데 왜다른가요? 크롬에서 뜨는 소스에서는 링크를 걸수있겠는데 여기서는 수정이안되고 보는것 밖에 안되니까...

어디서 어떻게 메뉴 링크를 걸수있나요ㅠㅠㅠ