<%@ page contentType="text/html; charset=utf-8"%>
ul#mainMenu li.on>a{
    border-color:#1111CC!important;
    border-style:  outset!important;
    background-color: #1111CC;
    
}
ul#mainMenu li.on:hover>a{
    border-color:#0081DF!important;
    border-style:  solid!important;
    border-top-style: outset!important;
    background-color: #0081DF;
}
ul#mainMenu,ul#mainMenu ul{
    margin:0;list-style:none;padding:0;border-width:0;border-style:solid;}
ul#mainMenu ul{
    display:none;position:absolute;left:0;top:100%;background-color:#0466DF;border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;-webkit-border-radius:0;-webkit-border-bottom-right-radius:5px;-webkit-border-bottom-left-radius:5px;padding:0 0 5px;
}
_ul#mainMenu li:hover>*{
    display:block;}
ul#mainMenu li{
    position:relative;display: block; vertical-align:middle;white-space:nowrap;font-size:0;float:left;}
_ul#mainMenu li:hover{
    z-index:1;}
ul#mainMenu ul ul{
    position:absolute;left:100%;top:0;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;padding:5px 5px 10px;}
ul#mainMenu{
    font-size:0;z-index: 60;position:relative;display:inline-block;zoom:1;\border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;height: 32px;margin-top:3px;_box-shadow:0px 0px 1px 3px #CCC;
}
* html ul#mainMenu li a{
    display: block;}
/*ul#mainMenu>li{*/
/*margin:0 0 0 10px;}*/
/*ul#mainMenu ul>li{
	margin:10px 0 0;}*/
ul#mainMenu a:active, ul#mainMenu a:focus{
    outline-style:none;}
ul#mainMenu a{
    display:block;vertical-align:middle;text-align:left;text-decoration:none;font:13px Arial,sans-serif;color:#CBCFDB;cursor:default;background-repeat:repeat;cursor: pointer;
    background:rgb(3,104,223);
}
ul#mainMenu ul li{
    float:none;margin:0;}
ul#mainMenu ul a{
    text-align:left;padding:6px 4px 4px 10px;background-color:#0466DF;border-width:0 0 1px 0;border-style:solid;border-color:#999;border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;color:#C3892B;text-decoration:none;}
ul#mainMenu li:hover>a.atoproot>span{
    background-color:#0081DF;text-decoration:none;}
ul#mainMenu span{
    display:block;overflow:visible;background-position:right center;background-repeat:no-repeat;}

ul#mainMenu ul span{
    background-image:url("arrowsub.gif");padding-right:12px;}
ul#mainMenu ul li:hover > a span{
    background-image:url("arrowsub1.gif");color: #C3892B;}
ul#mainMenu ul li:hover>a,ul#mainMenu ul li a.pressed{
    background-color:#0000DF;border-style:solid;border-color:#C3892B;color:#C3892B;text-decoration:none;}
ul#mainMenu ul ul li{
    margin:5px 0 0;}
ul#mainMenu>li>a{
    line-height:32px;
    height:32px;
    vertical-align:middle;}
ul#mainMenu li.toproot a.atoproot span{ line-height:32px; text-align:center; height:32px;}
ul#mainMenu li.toproot>a{

    border:1px #0069FF outset;}
/*ul#mainMenu li.toproot:hover>a,ul#mainMenu li.toproot a.pressed{
	border-bottom-style: solid;border-bottom-color:midnightblue;border-left-color: midnightblue;border-left-style: solid;
        border-right:1px midnightblue solid; margin-right: -1px;border-right-color: midnightblue;border-right-style: solid;}*/
ul#mainMenu li.toproot:hover>a,ul#mainMenu li.toproot a.pressed{
    border-color: #0081DF; border-style: solid;border-top-style: outset;
}
.toproot li a span,ul#mainMenu li a,ul#mainMenu li a span{
    color:white;font:12px Arial,sans-serif;
}
ul#mainMenu li a span{
    text-align: center;
    font-weight: 700;
    text-shadow:1px 1px 3px  #000;
}
ul#mainMenu ul#subfirst a span{
    text-align: left;
    font-weight: normal;
    text-shadow:none;
}
li#Tnews:hover ul#subfirst{
    text-shadow:none;
}
ul#mainMenu ul ul li a{
    padding: 4px 3px 2px 3px;
}
ul#mainMenu li.toproot> a#Tnews{
    border-right: 1px #0069FF solid;
}
ul#mainMenu ul#subfirst li a{
    background: none;
    text-shadow:none;
}

ul#mainMenu ul#subfirst{
    background:-webkit-gradient(linear, left top, left bottom, from(#0081DF), to(#111134));
    background:-moz-linear-gradient(top ,#0081DF , #111134 );
    background: -o-linear-gradient(top, #0081DF,  #111134);
    background:linear-gradient(top, #0081DF, #111134);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0081DF', endColorstr='#111134');
}
ul#mainMenu ul#subfirst ul#sublast{
    background:-webkit-gradient(linear, left top, left bottom, from(#0081DF), to(#111134));
    background:-moz-linear-gradient(left, #0081DF, #111134);
    background: -o-linear-gradient(left, #0081DF, #111134);
    background:linear-gradient(left, #0081DF, #111134);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr=#0081DF,endColorstr=#111134,GradientType=1);
}
.gnb,#mainMenu{
    width: 981px;
}
.gnb #mainMenu li#Tabout{
    width: 80px;
}
.gnb #mainMenu li#Tlaws{
    width: 130px;
}
.gnb #mainMenu li#Toperation{
    width: 110px;
}
.gnb #mainMenu li#Tproduct,li#Tproduct{
    width: 140px;
}
/*.gnb #mainMenu li#Tmember,li#Tmember ul#subfirst{*/
/*Education Menu*/
.gnb #mainMenu li#Tmember{
    width: 145px;
}
.gnb #mainMenu li#Tcompany{
    width: 130px;
}
.gnb #mainMenu li#Tdata{
    width: 125px;
}
/*.gnb #mainMenu li#Tnews, li#Tnews ul#subfirst{*/
/*.gnb #mainMenu li#Tnews, li#Tnews ul#subfirst ul#sublast{*/
.gnb #mainMenu li#Tnews{
    width: 120px;
}
ul#mainMenu li#Tabout a:visited{ background: red;}
