/*서브페이지 상단 카테고리*/

.navigator-wrap{ 
    border-top:1px solid #dedede;
    border-bottom:1px solid #dedede;
    border-left:1px solid #dedede;
    height:44px;
	display:inline-block;
}
.navigator .nav span{
    padding: 15px;
    font-size: 17px;
    width: 30px;
    height: 28px;
	
    padding: 10px;
    font-size: 16px;
    width: 30px;
    height: 19px;
    display: inline-block;
    float: left;
    text-align: center;
    color: #fff;
    background: #a2a2a2;
    position: relative;
    top: -1px;
}
.navigator .nav dl{
    float:left;
    width:inherit;
}

.navigator .nav dt {
    font-size: 15px;
    color: #3d3d3d;
    padding: 15px 20px;
    border-right: 1px solid #dedede;
    position: relative;
    width: 187px;
    cursor: pointer;
}
.navigator .nav dd ul li a{
    font-size:15px;
    padding:15px 20px;
    width:187px;
	font-weight:300;
    font-size: 14px;
    color: #3d3d3d;
    padding: 10px;
    display:block;
    position: relative;
    cursor: pointer;
    border-bottom: 1px solid #dedede;
}
.navigator .nav{
    background:rgba(255,255,255,0.7) ;
    float:left;
    height: 42px;
}
.navigator .notice{
    display:block;
} 

.navigator .nav ul{ padding-left:0; margin-bottom: 0;}

.navigator{
    max-width:1200px;
    margin:0 auto;
} 
.navigator .nav span{
}
.navigator .nav dl{
    position:relative;
    float:left;
    width :50%;
}
.navigator .nav dt {
    font-size: 14px;
    color: #333; font-weight:normal ;
    padding: 11px;
    border-right: 1px solid #dedede;
    position: relative;
    background: rgba(255,255,255,0.2)
    cursor: pointer;
}




@media (max-width:770px){
.navigator .nav dt { 
    padding: 11px 25px 11px 10px; 
}
}



.navigator .nav dt.on{
    color:#006eca; 
}
.navigator .nav dt i{
    position: absolute;
    right: 15px;
    width: 7px;
    height: 7px;
    display: inline-block; 
    top: 30%;
    margin-top: -5px;
}
.navigator .nav dt i::after{
    content:'▼';  font-size:6px; font-style:normal;
} 
.navigator .nav dt.on i::after{
    content:'▲';font-size:6px;  font-style:normal;
}
.navigator .nav dd{
    display:none;
    position:absolute;background:#fff; 
    border: 1px solid #dedede;
    margin-left: -1px;
    width : -webkit-calc(100% + 1px); /* for Chrome, Safari */
    width :    -moz-calc(100% + 1px); /* for Firefox */
    width :         calc(100% + 1px); /* for IE */
    z-index:100;
} 
.navigator .nav dd ul li {list-style:none; }
.navigator .nav dd ul li a:hover{
    color:#fff;
    background:#203f76;
    text-decoration: none;
}
.navigator .nav dd ul li:nth-last-child(1) a{
    border-bottom:none;
}
.navigator .notice{
    display:none;
    float:right;
    font-size: 15px;
    color: #6f6e6e;
    padding: 15px 20px;
    border-left: 1px solid #dedede;
    border-right: 1px solid #dedede;
    position: relative;
    font-weight:500;
}
.navigator .notice i{
    position:relative;
    margin-right:10px;
    top:-1px;
}