예전 버젼인 그누보드4로 만들어진 홈페이지 입니다.

상단의 대메뉴에서 '개명' 클릭하면 서브메뉴명이 앞에 노출되는데 '개명' 바로 밑에 서브메뉴명이 나올 수 있도록만 해주시면 되는데, 어떻게 헤야할지 모르겠네요.

어디서 퍼왔던 소스인데...이리저리 다른건 수정 다 되었는데 대메뉴의 서브메뉴 1개만 어떻게해야하는지 아무리해도 잘 모르겠네요.

아무래도 분류를 시켜야할것 같은데..

시켜볼려고 메뉴 css에서 

.gnb .sub_menu2

로 해놓고 

상단메뉴가 있는 <div>에서 <div class="sub_menu2">로 해봐도 안되더군요..

어떻게하면 되는지 잘 아시는 분 답변 부탁드립니다.

http://www.danwonname.co.kr/ -->사이트 주소는 이것 입니다.

css 소스는 이것이고요..

---------------------------------------------------------------------------

.gnb { position:relative; width:990px; margin: 40px auto; margin-top:-50px;   background-color:#1b52a5; }
    .gnb ul { margin: 0; padding: 0;  }
    .gnb li { font-size:14px; display: block; list-style: none; float: left; width:110px; height: 33px; text-align:center; color:#fff; font-weight:bold;   }
    .gnb a,
    .gnb a:hover { font-size:14px; text-decoration:none;color:#fff; line-height:34px;}    
    .gnb:after { content: ""; display: block; clear: both; }
    
    /* Menu Dropdown   */

    .gnb .sub_menu { position: absolute; display: block;  width: 350px; top: 33px; left:0;  opacity: 0; visibility: hidden; overflow: hidden;  
    -webkit-transition: all .3s ease .15s; -moz-transition: all .3s ease .15s; -o-transition: all .3s ease .15s; -ms-transition: all .3s ease .15s; transition: all .3s ease .15s; }
    .gnb .sub_menu a,
    .gnb .sub_menu a:hover {color : #000;  font-size:12px;  }
    .gnb .sub_menu ul { margin:0; padding:0;  }
    .nav .sub_menu li { list-style: none; float: left;  }
       
    .gnb > ul > li:hover > .sub_menu { opacity: 1; visibility: visible; overflow: visible; }
 

-----------------------------------------------

메뉴 소스는

<!-- S : 전체메뉴 -->
                    <div class="gnb">
                        <ul>
                            <li>
                                <a href="#">작명소소개</a>
                                <div class="sub_menu">
                                    <ul>
                                        <li><a href="/doc/info01.html">인사말</a></li>
                                        <li><a href="/doc/info02.html">수상내역</a></li>
                                        <li><a href="/doc/info03.html">찾아오시는길</a></li>
                                    </ul>
                                </div>
                            </li>
                            <li>
                                <a href="/doc/baby01.html">아기작명</a>                                
                            </li>
                            <li>
                                <a href="#">개명</a>
                                <div class="sub_menu">
                                    <ul>
                                        <li><a href="/doc/cha02.html">필요한 사유</a></li>
                                        <li><a href="/doc/cha03.html">서류 및 절차</a></li>
                                    </ul>
                                </div>
                            </li>
                            <li>
                                <a href="/doc/aho01.html">아호작명</a>
                                
                            </li>
                            <li>
                                <a href="/doc/sang01.html">상호</a>
                                
                            </li>
                            <li>
                                <a href="/doc/gam01.html">감명</a>
                                
                            </li>                            
                            <li>
                                <a href="#">신청결과</a>
                                
                            </li>
                            <li>
                                <a href="/doc/saju01.html">사주택일</a>                                
                            </li>
                            <li>
                                <a href="/doc/notice01.html">공지사항</a>                                
                            </li>
                        </ul>
                    </div>
                    <!-- E : 전체메뉴 -->

------------------------------------

입니다.