묻고답하기

안녕하세요. xe 디폴트 레이아웃 2단 메뉴 쓰는데 상단 메뉴 클릭시 클릭한 메뉴만 2단에 나오게 하고 싶은데

첨부 그림과 같이 전체 2단 메뉴가 보입니다.

혹시 이걸 해당클릭시 클릭한 메뉴 하위만 보이게 하려면 어느 부분을 수정을 해야하는건지.

도움 부탁드립니다.


====================================================================

Default.layout.js  내용입니다


jQuery(function($){
// GNB
 var $gnb = $('.gnb');
 var $gnb_li = $gnb.find('>ul>li');
 var $gnb_a = $gnb.find('>ul>li>a');
 var $gnb_sub = $gnb.find('ul ul');
 // IE 7 debug
 if($.browser.msie && $.browser.version == "7.0"){
  $gnb_a.each(function(){
   $(this).width($(this).width());
  });
 }
 if($gnb_sub.length){
  $gnb.mouseover(function(){
   $gnb.addClass('open');
  });
  $gnb.mouseleave(function(){
   $gnb.removeClass('open');
   $gnb_li.removeClass('hover');
  });
 }
 $gnb_a.mouseover(function(){
  $(this).parent('li').addClass('hover').siblings('li').removeClass('hover');
 });
 $gnb_a.focus(function(){
  $(this).trigger('mouseover');
 });
 $gnb.find('a').focusout(function(){
  setTimeout(function(){
   if($gnb.find('a:focus').length == 0){
    $gnb.trigger('mouseout');
   }
  }, 100);
 });

// Visual Slide
 var $visual = $('.visual');
 var $visual_list = $visual.find('>.list');
 var itemNum = $visual_list.find('>.item').length;
 $visual_list.addClass('total'+itemNum);
 var $last_item = $visual_list.find('>.item:last-child');
 // Paragraph position
 $visual.find('p').each(function(){
  var $this = $(this);
  $this.css('marginTop', Math.round(- $this.height()/2));
 });
 // Invalid href
 $visual.find('a[href=""]').click(function(){return false});
 // Item num
 if(itemNum===1){
  $visual.find('>button').remove();
 } else if(itemNum===2){
  $last_item.clone().prependTo($visual_list);
 } else if(itemNum===3) {
  $last_item.prependTo($visual_list);
 }
 // Prev
 var $vpn = $('.visual, .visual>button');
 $(window).load(function(){
  $vpn.height($visual_list.find('>.item:eq(1)').height());
 });
 $visual.find('>.prev').click(function(){
  $visual_list.animate({
   left: '+=100%'
  },400,function(){
   var $last_item = $visual_list.find('>.item:last-child');
   if(itemNum===3){
    $last_item.prependTo($visual_list);
   } else if(itemNum===2) {
    $last_item.remove();
    $visual_list.find('>.item:last-child').clone().prependTo($visual_list);
   }
   $visual_list.css('left','-100%');
   $vpn.height($visual_list.find('>.item:eq(1)').height());
  });
 });
 // Next
 $visual.find('>.next').click(function(){
  $visual_list.animate({
   left: '-=100%'
  }, 400, function(){
   var $first_item = $visual_list.find('>.item:first-child');
   if(itemNum===3){
    $first_item.appendTo($visual_list);
   } else if(itemNum===2) {
    $first_item.remove();
    $visual_list.find('>.item:first-child').clone().appendTo($visual_list);
   }
   $visual_list.css('left','-100%');
   $vpn.height($visual_list.find('>.item:eq(1)').height());
  });
 });
});


====================================================

레이아웃 css 파일입니다.


@charset "utf-8";
/* Reset */
html,body{min-height:100%}
body{margin:0}

/* Skin to content */
.skip{margin:0}
.skip>a{display:block;text-align:center;line-height:28px;height:1px;overflow:hidden}
.skip>a:focus{height:auto}

/* Layout */
.container,
.footer>p{width:960px;margin:0 auto}
.header{position:relative;z-index:2;zoom:1;margin:0 0 17px 0}
.header>.side{position:absolute;z-index:2;right:0;bottom:57px;zoom:1}
.visual{position:relative;z-index:1;overflow:hidden;width:100%;margin:0 0 20px 0}
.body{position:relative;z-index:1}
.header:after,
.body:after{content:"";display:block;clear:both}
.content{padding:0 0 40px 0;zoom:1}
.content>*:first-child{margin-top:0}
.content img{max-width:100%;height:auto}

/* Header */
.header>h1{display:inline-block;*display:inline;zoom:1;margin:19px 0}
.header>h1>a,
.header>h1 img{display:block}
.header>h1>a{font-size:32px;text-decoration:none;color:#333}

/* Footer */
.footer{padding:25px 0 80px 0;background:#f8f8f8;border-top:1px solid #f4f4f4;color:#666}
.footer p{font-size:12px}
.footer a{text-decoration:none;color:#666}
.footer a:hover,
.footer a:focus{text-decoration:underline}

/* Login */
.account{margin-right:15px !important}

/* Search */
.header .search{display:inline-block;*display:inline;zoom:1;vertical-align:top;margin:0}
.header .search>input{font-size:12px;vertical-align:top;border-radius:2px}
.header .search>input[type="text"]{background:#e5e6e8;border:1px solid #dedede;height:21px;line-height:21px;padding:0 4px;margin:0 -6px 0 0;width:126px}
.header .search>input[type="submit"]{background:#484d51;border:1px solid #272b30;color:#fff;height:23px;line-height:23px;padding:0 15px;margin:0;cursor:pointer;box-shadow:0 1px 0 #6d7174 inset}

/* GNB */
.gnb{position:relative;z-index:1;border:1px solid #080808;font-size:13px;height:31px;clear:both;background-color:#080808;background:-webkit-linear-gradient(top, #2e2d32, #0c0c0e);background:-moz-linear-gradient(top, #2e2d32, #0c0c0e);background:-o-linear-gradient(top, #2e2d32, #0c0c0e);background:-ms-linear-gradient(top, #2e2d32, #0c0c0e);background:linear-gradient(top, #2e2d32, #0c0c0e);filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#2e2d32, endColorStr=#0c0c0e)}
.gnb:before{content:"";display:block;background:#3e3e40;width:100%;height:1px}
.gnb ul{margin:0;padding:0;list-style:none}
.gnb a{text-decoration:none;white-space:nowrap}
.gnb>ul{position:absolute;top:32px;left:-1px;right:-1px;background:#464d5d;opacity:.98;filter:alpha(opacity=98);height:0}
.gnb.open>ul{height:auto;border-bottom:1px solid #333}
.gnb>ul:after{content:"";display:block;clear:both}
.gnb>ul>li{position:relative;top:-32px;float:left;margin:0 -1px -8px 0}
.gnb>ul>li>a{display:block;border-left:1px solid #3e3e40;border-right:1px solid #3e3e40;line-height:32px;padding:0 20px;color:#fff;position:relative}
.gnb>ul>li>a:after{content:"";position:absolute;width:1px;height:100%;right:0;top:0;background:#080808;overflow:hidden}
.gnb>ul>li.active>a,
.gnb>ul>li.hover>a{border-top:1px solid #4a505c;line-height:30px;padding-bottom:1px;background-color:#2f333b;background:-webkit-linear-gradient(top, #383c45, #0c0d0f);background:-moz-linear-gradient(top, #383c45, #0c0d0f);background:-o-linear-gradient(top, #383c45, #0c0d0f);background:-ms-linear-gradient(top, #383c45, #0c0d0f);background:linear-gradient(top, #383c45, #0c0d0f);filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#383c45, endColorStr=#0c0d0f)}
.gnb ul ul{display:block;position:relative;z-index:2;padding:0 20px;margin:0 0 0 -1px;border-left:1px solid #424856;height:0;overflow:hidden}
.gnb.open ul ul{margin-top:6px}
.gnb ul ul:before{content:"";position:absolute;left:0;top:0;width:1px;height:100%;background:#4b5265}
.gnb.open ul ul{padding:13px 20px;height:auto}
.gnb>ul>li:first-child>ul{border:0}
.gnb>ul>li:first-child>ul:before{content:normal}
.gnb ul ul a{display:block;line-height:20px;font-size:12px;color:#fff}
.gnb ul ul a:hover,
.gnb ul ul a:focus{text-decoration:underline}

/* Visial */
.visual>.list{position:relative;width:300%;left:-100%;z-index:1}
.visual>.list:after{content:"";display:block;clear:both}
.visual>.list.total1{width:auto;left:0}
.visual img{display:block;max-width:100%;height:auto;margin:0 auto}
.visual a{display:block;float:left;position:relative;color:#fff;text-decoration:none;font-family:Corbel,Arial,Helvetica,sans-serif}
.visual a[href=""]{cursor:default}
.visual .total1 a{float:none}
.visual .total2 a,
.visual .total3 a{width:33.33%;}
.visual a>p{margin:-24px 0 0 0;padding:0 100px;position:absolute;top:50%;left:0;right:0;text-align:center;font-size:47px;letter-spacing:-1px;line-height:1}
.visual.sub a>p{font-size:32px;text-align:left}
.visual>button{zoom:1;border:0;background:url(blank.gif);cursor:pointer;width:100px;position:absolute;z-index:2;top:0;bottom:0;margin:0;padding:0;color:#fff}
.visual>button:hover,
.visual>button:focus{background-color:rgba(0,0,0,.25)}
.visual>button>i{position:absolute;top:50%;left:50%;width:25px;height:50px;background:url(slideNav.png) no-repeat;margin:-25px 0 0 -12px;zoom:1}
.visual>.prev{left:0}
.visual>.next{right:0}
.visual>.prev>i{background-position:0 0}
.visual>.next>i{background-position:-25px 0}

/* LNB */
.body.sub .lnb{float:left;width:210px;margin:0 0 40px 0}
.body.sub .content{float:right;width:720px}
.body.sub .lnb>h1{margin:0;position:relative;z-index:2}
.body.sub .lnb>h1>a{display:block;line-height:36px;padding:0 18px;border-radius:3px;color:#fff;text-decoration:none;font-size:14px;border:1px solid #939395;background-color:#19191b;background:-webkit-linear-gradient(top, #2d2c31, #0c0c0e 80%, #131418 80%);background:-moz-linear-gradient(top, #2d2c31, #0c0c0e 80%, #131418 80%);background:-o-linear-gradient(top, #2d2c31, #0c0c0e 80%, #131418 80%);background:-ms-linear-gradient(top, #2d2c31, #0c0c0e 80%, #131418 80%);background:linear-gradient(top, #2d2c31, #0c0c0e 80%, #131418 80%);zoom:1}
.body.sub .lnb ul{list-style:none;margin:0;padding:0}
.body.sub .lnb ul a{display:block;text-decoration:none;color:#333;font-size:13px}
.body.sub .lnb>ul{position:relative;z-index:1;border:1px solid #dcdcdc;padding:1px;margin:-1px 0 0 0;border-radius:3px}
.body.sub .lnb>ul>li>a{line-height:36px;padding:0 10px 0 18px;border-top:1px solid #eee}
.body.sub .lnb>ul>li.active>a,
.body.sub .lnb>ul>li>a:hover,
.body.sub .lnb>ul>li>a:focus{background:#f5f5f5;color:#3192d7}
.body.sub .lnb>ul>li:first-child>a{border-top:0}
.body.sub .lnb ul ul{padding:10px 0;border-top:1px solid #eee}
.body.sub .lnb li li>a{line-height:20px;padding:0 10px 0 25px}
.body.sub .lnb li li.active>a,
.body.sub .lnb li li>a:hover,
.body.sub .lnb li li>a:focus{background:#f5f5f5;color:#3192d7}

글쓴이 제목 최종 글
XE 공지 글 쓰기,삭제 운영방식 변경 공지 [16] 2019.03.05 by 남기남
footok 무한스크롤 질문이요.. [1] 2014.11.03 by 몽실아빠
XESTUDIO 웹페이지가 잘려나오는 이유 - 고쳐주실분! [1] 2014.11.03 by Hello_XE
로양 Contact Us 모바일레이아웃  
dhchoi 광고글이 도배 되고 있습니다..... 도와 주세요... [2] 2014.11.03 by dhchoi
초보중초보중초보 쿼리쓰는 법 좀 제발 알려주시면 안되나요? [8] 2014.11.03 by 초보중초보중초보
열려리 웹서버 xe관리자모드 사이트메뉴편집 페이지오류  
dishstks 회원가입하면 가입대기자목록에 나올게하는 방법이 없나요? [4] 2014.11.03 by dishstks
강남의와플은크더라 회원가입시 문구 추가하는 어떻게 하나요????? [1] 2014.11.03 by sejin7940
양준호172 EXCON 들으려고 하는데요. [1] 2014.11.03 by 양준호172
jkx08q 회원가입시 관리자에게 알림 [3] 2014.11.03 by jkx08q
니가좋은이유 XEcon 듣고싶은데요 인원이 마감되어서 그런데요 ㅠㅠ  
dskurrkdfdr74 게시판마다 광고를 다르게 달 수 잇나요? [7] 2014.11.04 by KrteamENT
춘춘이2 sftp가 제대로 작동하지 않습니다. [1] 2014.11.04 by Happyphp
sepiron 우분투 웹서버 돌리는데 접속하는데 5분걸리는 이유가 궁급합니다 [1] 2014.11.04 by Double'U'
dishstks 회원삭제하는 방법알려주세요 [1] 2014.11.04 by Double'U'
richardhj XE 보안과 블로그,카페 관련해서 질문있습니다. [1] 2014.11.04 by Double'U'
trent 1.4 -> 1.7 버전 업데이트 이후 문제점 3가지 [2] file 2014.11.04 by Double'U'
맛있는두유GT [재업] PC와 모바일의 댓글 수 를 서로 다르게 설정할 수 있나요? [1] 2014.11.04 by Double'U'
류세은. 쓰기를 누르면 에디터와 내용창이 비활성이어요. [3] file 2014.11.04 by 류세은.
오토바이2321111 xe 디폴트 레이아웃 메뉴부분 수정 file  
그시간이후 파일첨부를 하면 글등록이 안됩니다. [2] 2014.11.04 by 그시간이후
XESTUDIO css div 움직이기 [2] 2014.11.04 by XESTUDIO
미친팬돌이 네이버 에디터 이미지 리사이징 문제  
그시간이후 (유머 & 심각) 이거 왜이럴까요? ㅎㅎ file  
v7studio HTML 태그 제목에 넣을 수 있는 방법은? [3] 2014.11.04 by Hello_XE
입문초봉자 wow 슬라이더 어떻게 적용시키는지 알려주세요 [3] 2014.11.04 by KrteamENT
보고 댓글 페이지 안넘어가는 현상  
sepiron 윈7 APMSETUP7에서 우분투로 서버 이전 중 문제가 발생했습니다. [2] 2014.11.04 by sepiron
지구인주노 sql 백업 후 복구하였는데, 관리자로 로그인이 안 돼요 [2] 2014.11.04 by 지구인주노
무적칼 메뉴를 클릭하면 모듈접속이 안됩니다. [3] 2014.11.04 by 마주르카