/* 네비 시작*/
#nav {
    width: 100%; /* 1000 */    
    position: relative;
    padding-top: 60px;
    /*border-top: solid 1px #efefef;*/
}

#nav > a {
    display: none;
}
#nav li {
    position: relative;
}
#nav li a {
    color: #a1a1a1;
    display: block;
    background-color: #fff;
    transition: all 0.25s ease;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -ms-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
}

/*
#nav li a:active {
    background-color: #c00 !important;
}
*/

#nav span:after {
    width: 0;
    height: 0;
    border: 0.313em solid transparent; /* 5 */
    border-bottom: none;
    
    content: '';
    vertical-align: middle;
    display: inline-block;
    position: relative;
    right: -0.313em; /* 5 */
}

#nav > ul {
    height: 2.75em; 
    width:100%;
    display:table;
    table-layout:fixed;
}
#nav > ul > li {
    width: 20%;
    height: 100%;
    z-index: 10;  
    display:table-cell;    
}
#nav > ul > li.active{
    position:relative;
}
#nav > ul > li:after{
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:0;
    background:#3999ff;
    display:block;
    content: '';
    transition: all 0.25s ease;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -ms-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;    
}
#nav > ul > li > a {
    height: 100%;
    font-size: 1.0em; 
    line-height: 3.0em; 
    text-align: center;        
}

#nav > ul > li:hover > a, #nav > ul:not( :hover ) > li.active > a {
    /*background-color: #006cb8;*/
    color: black;    
}

#nav > ul > li:hover:after , #nav > ul:not( :hover ) > li.active:after{
    height:4px;
}


/* second level */

#nav li ul {
    background-color: #316194;
    display: none;
    position: absolute;
    top: 100%;
}



#nav li:hover ul {
    display: block;
    left: 0;
    right: 0;
    border-radius: 15px;
}
#nav li:not( :first-child ):hover ul {
    left: -1px;
}
#nav li ul a {
    font-size: 1.0em;
    padding: 0.75em;
    border-bottom: solid 1px #ddd;
}
#nav li ul li a:hover, #nav li ul:not( :hover ) li.active a {
    color: #fff;
    background-color: #006cb8;
}

#nav ul li( :target ) {
    background-color: #316194;   
}


@media only screen and ( max-width:1000px) /* 1000 */ {
    #nav { display: none; }
}




/* 네비 끝*/

.menu3 > a { display: block; position: absolute; }
.searchBook { width: 80%; }