으하하하하핫!!!

오르막님 이 알려주신 xe_official.js 에서 뭐가 뭔지 알지를 못하니... 숫자붙은건 모두 수정해 봤는데,

필요한 움직임이 안나타나고 문제가 더 커졌습니다.  난감하고 어지럽네요 ㅠ_ㅠ 여긴어디;;난누구;;

어떻게 할수가 없어 한번 더 도움 청합니다. ( _ _ )  이건 정말 막막하네요 ㅎ.. 

따라다니는 서브메뉴가 1차 메뉴를 기준으로 lift. light 부터 시작하는것이 아니라

1차 메뉴를 기준점으로 가운데에서 좌 우로 퍼지는 정렬 설정!! ㅎㅎ;;

도움 부탁드립니다. ^ ^:;

// 롤오버 2차메뉴 만들기
// Brower
var browserType='';

if(navigator.userAgent.indexOf("MSIE") >-1) {
   browserType = 'IE';
} else if(navigator.userAgent.indexOf("Firefox") >-1) {
   browserType = 'FF';
} else {
   browserType = 'OTHER';
}

function gnbinToggle(id, gnbblock) {
 if(browserType == '+ 'FF') {
  gnbinToggleFF(id, gnbblock);
 } else if (browserType == 'OTHER' ) {
  gnbinToggleFF(id, gnbblock);
 } else {
  gnbinToggleIE(id, gnbblock);
 }
}

// Local Navigation Toggle
function gnbinToggleIE(id, gnbblock) {

 for(num=0; num<gnb_count; num++) {
  document.getElementById('gnb'+num).style.display='none';              // 2차 메뉴
  document.getElementById('gnbli'+num).className = null;  // 1차 메뉴
 }

 var sub_1 = document.getElementById('gnbli'+id);     // 1 차메뉴
 var sub_2 = document.getElementById('gnb'+id);     // 2 차메뉴
 var bodyWrap = document.getElementById('bodyWrap');  // 컨텐츠 가로폭
 document.getElementById('gnb'+id).style.display = 'block';
 gnbblock.className = "on";

 var sub_2_left =sub_1.offsetLeft - 2;

 // 2차메뉴 크기에 따른 위치 조절
 if (sub_2_left < 0)
  sub_2_left = 0;
 else if( (sub_2_left + sub_2.offsetWidth) > bodyWrap.offsetWidth )
  sub_2_left=(bodyWrap.offsetWidth - sub_2.offsetWidth);
  sub_2.style.marginLeft = sub_2_left + '+ 'px';    
}

// Local Navigation Toggle
function gnbinToggleFF(id, gnbblock) {

 for(var num=0; num<gnb_count; num++) {
  document.getElementById('gnb'+num).style.display='none'; // 2차 메뉴
  document.getElementById('gnbli'+num).className = null;  // 1차 메뉴
 }

 var sub_1 = document.getElementById('gnbli'+id);     // 1 차메뉴
 var sub_2 = document.getElementById('gnb'+id);     // 2 차메뉴
 var bodyWrap = document.getElementById('bodyWrap'+ ');  // 컨텐츠 가로폭
 document.getElementById('gnb'+id).style.display = '';
 gnbblock.className = "on";

 var sub_2_left =sub_1.offsetLeft - 2 ;

 // 2차메뉴 크기에 따른 위치 조절
 if (sub_2_left < 0)
  sub_2_left = 0;
 else if( (sub_2_left + sub_2.offsetWidth) > bodyWrap.offsetWidth )
  sub_2_left=(bodyWrap.offsetWidth - sub_2.offsetWidth);
  sub_2.style.marginLeft = sub_2_left + 'px';    
}

function reset_menu()
{
  
     var sub_1 = document.getElementById('gnbli'+gnb_count_now);     // 1 차메뉴
  var sub_2 = document.getElementById('gnb'+gnb_count_now);     // 2 차메뉴
  var bodyWrap = document.getElementById('bodyWrap');  // 컨텐츠 가로폭
     var sub_2_left =sub_1.offsetLeft-2;

 // 넓이가 0미만일경우 0
 if (sub_2_left < 0)
  sub_2_left = 0;
 else if( (sub_2_left + sub_2.offsetWidth) > bodyWrap.offsetWidth )
  sub_2_left=(bodyWrap.offsetWidth - sub_2.offsetWidth);
  sub_2.style.marginLeft = sub_2_left + 'px';    
}

해결이 안나서 상단의 위치 자체를 바꿔 버렸습니다.

오르막 님이 알려주신 방법을 써봤습니다.

메뉴에 효과는 확실한데, 본문 전체가 넓이를 줄인 만큼 이동을 하네요!! 아자!! 했다가 어라? ㅎㅎ

/* main 2차 메뉴 */
.gnb_sub { position:relative ; top:90px; left:410px;  height:24px; margin-bottom:10px; overflow:hidden; text-align:center }
.gnb_sub li { float:left; list-style:none; background:url(../images/blue/sub_part.gif) no-repeat left center; padding-left:2px; position:relative; left:-2px; white-space:nowrap;  text-align:center;}
.gnb_sub li a { display:block; float:left; padding:6px 8px 0 8px; height:18px; color:#000; white-space:nowrap; font:1em Tahoma; text-decoration:none; font-family:"돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif;  text-align:center}
.gnb_sub li a:hover,
.gnb_sub li a:focus {  text-align:center; color:#000; font-weight:normal !important; }
.gnb_sub li.on a, .gnbin li.on a:hover {  text-align:center;color:#000; background:url(../images/arrow_3.gif) no-repeat center bottom;  font-weight:bold; !important; }

 2차 메뉴의 relative  로 바꾸어 해결 보았습니다.  도움 주셔서 감사합니다.