.gnb {font-size:1.3em;font-color:00baff;font-weight:bold}
.gnb li a:hover{color:blue;font-weight:bold}
.xe-widget-wrapper {color:wihte}
.content xe_content {width:740px;display:block}

#topMenu {
	    float:right;
            margin-top:20px;
            height: 90px;  
            width: 750px;       /* [변경] 하위 메뉴와 동일하게 맞춤 */
            border:black solid #0FF;
             /*background-color: #2D2D2D; [추가] 늘어난만큼 배경색도 보이도록 수정 */
            position:absolute;              
    }
    #topMenu ul {           /* 메인 메뉴 안의 ul을 설정함: 상위메뉴의 ul+하위 메뉴의 ul */
        list-style-type: none;  
        margin: 0px;            
        padding: 0px;         
    }
    #topMenu ul li {            /* 메인 메뉴 안에 ul 태그 안에 있는 li 태그의 스타일 적용(상위/하위메뉴 모두) */
        color: black;               
       /* background-color: #2d2d2d; */ 
        float: left;                
        line-height: 30px;          
        vertical-align: middle;     
        text-align: center;         
        -position: relitive;
        font-family: 'Nanum Gothic', sans-serif;             
             
    }
    .menuLink, .submenuLink {           /* 상위 메뉴와 하위 메뉴의 a 태그에 공통으로 설정할 스타일 */
        text-decoration:none;               
        display: block;                     
        width: 120px;                       
        font-size: 12px;                    
        font-weight: bold;                  
        font-family: "Trebuchet MS", Dotum,"카톨릭체"; 
    }
    .menuLink {     /* 상위 메뉴의 글씨색을 흰색으로 설정 */
        color: black;
    }
    .topMenuLi:hover .menuLink {    /* 상위 메뉴의 li에 마우스오버 되었을 때 스타일 설정 */
        color: #4d4d4d;     
        /* background-color: #4d4d4d;*/
    }
    .longLink {     /* 좀 더 긴 메뉴 스타일 설정 */
        width: 120px;   
    }
    .shLink {
        width: 70px; 
   }
.submenuLink {          /* 하위 메뉴의 a 태그 스타일 설정 */
        color:black;             
        /*background-color: #DDD;      [변경] 배경색 변경 */
        -border: solid 1px black;    /* [삭제] 테두리 삭제 */
        -margin-right: -1px;         /* [삭제] 공백 보정 삭제 */
    }
.subli {
        width:10px;
        vertical-align: middle;     
        text-align: center;             
}
    .submenu {              /* 하위 메뉴 스타일 설정 */
        position: absolute;     
        height: 0px;            
        overflow: hidden;       
        transition: height .2s; 
        -webkit-transition: height .2s; 
        -moz-transition: height .2s; 
        -o-transition: height .2s; 
        width: 800px;           
        left:0px;                
       /* background-color: #DDD;  [추가] 하위 메뉴 전체에 배경색 설정 */
    }
    .submenu li {
        display: inline-block;

    }
     .topMenuLi:hover .submenu { 
        height: 70px;           
    }
    .submenuLink:hover {        
        color: #dddddd;                 
        /*background-color: #dddddd;  */
    }

    .submenuSub {              /* 하위 메뉴 스타일 설정 */
        position: absolute;     
        height: 0px;            
        overflow: hidden;       
        transition: height .2s; 
        -webkit-transition: height .2s; 
        -moz-transition: height .2s; 
        -o-transition: height .2s; 
        width: 800px;           
        left:0px;                
       /* background-color: #DDD;  [추가] 하위 메뉴 전체에 배경색 설정 */
    }
        .submenuSub li {
        display: inline-block;
    }
       .submenusub { 
        height: 70px;
       }
    .submenuSubLink:hover {        
        color: #dddddd;                 
        /*background-color: #dddddd;  */
    }