.gnbDiv .gnbWrap .gnb .gnb01{ background:url(../images/gnb.png) -10px -10px no-repeat; width:65px; height:18px;}
.gnbDiv .gnbWrap .gnb .gnb02{ background:url(../images/gnb.png) -163px -10px no-repeat; width:65px; height:18px;}
.gnbDiv .gnbWrap .gnb .gnb03{ background:url(../images/gnb.png) -299px -10px no-repeat; width:65px; height:18px;}
.gnbDiv .gnbWrap .gnb .gnb04{ background:url(../images/gnb.png) -429px -10px no-repeat; width:80px; height:18px; margin-right:0px;}

.gnbDiv .gnbWrap .gnb .on .gnb01{ background:url(../images/gnb.png) -10px -60px no-repeat; width:65px; height:18px;}
.gnbDiv .gnbWrap .gnb .on .gnb02{ background:url(../images/gnb.png) -163px -60px no-repeat; width:65px; height:18px;}
.gnbDiv .gnbWrap .gnb .on .gnb03{ background:url(../images/gnb.png) -299px -60px no-repeat; width:65px; height:18px;}
.gnbDiv .gnbWrap .gnb .on .gnb04{ background:url(../images/gnb.png) -429px -60px no-repeat; width:80px; height:18px; margin-right:0px;}

.gnbDiv .gnbWrap .gnb .gnb01:hover{ background:url(../images/gnb.png) -10px -60px no-repeat; width:65px; height:18px;}
.gnbDiv .gnbWrap .gnb .gnb02:hover{ background:url(../images/gnb.png) -163px -60px no-repeat; width:65px; height:18px;}
.gnbDiv .gnbWrap .gnb .gnb03:hover{ background:url(../images/gnb.png) -299px -60px no-repeat; width:65px; height:18px;}
.gnbDiv .gnbWrap .gnb .gnb04:hover{ background:url(../images/gnb.png) -429px -60px no-repeat; width:80px; height:18px; margin-right:0px;}


/*gnb*/
#gnbDiv{position:relative;}
.gnbDiv {min-width: 980px; width: 100%; height:370px; overflow:hidden; position:relative; position:absolute; top:0px; left:0;background-color:#6E777E; /*background-image: url("http://www.cliensoft.com/images/main/top_bg.png") repeat-x ;*/ border-top:3px solid #056bb3; z-index:10000}
.gnbDiv .gnbWrap{position:absolute; top:0px; z-index:10000; height:337px; margin: 0 auto; overflow: hidden;  position: relative;  width: 980px; padding-top:px; z-index: 10000;} /*gnbÈ°¼ºÈ­½Ã height:357px; ºñÈ°¼ºÈ­½Ã height:73px*/
.gnbDiv .gnbWrap h1{ width:185px;}
.gnbDiv .gnbWrap .logo{float:left;}
.gnbDiv .gnbWrap .gnb{width:590px; z-index:10000; float:right; height:337px; margin-top:30px;}
.gnbDiv .gnbWrap .gnb .oneDep{margin:0px 0 42px; height:23px; font-size:20px;font-weight:bold; text-align:center;}
.gnbDiv .gnbWrap .gnb ul{overflow:hidden; width:100%; height:337px;}
.gnbDiv .gnbWrap .gnb ul li{float:left; height:337px;} /* position:relative;*/
.gnbDiv .gnbWrap .gnb ul li.one{width:140px;}
.gnbDiv .gnbWrap .gnb ul li.two{width:140px;} 
.gnbDiv .gnbWrap .gnb ul li.three{width:140px;} 
.gnbDiv .gnbWrap .gnb ul li.four{width:140px;} 

.gnbDiv .gnbWrap .gnb ul li a.oneDep{display:block; position:relative;color:#EEE}
.gnbDiv .gnbWrap .gnb ul li.on a.oneDep{color:/*#017e3f*/white}
.gnbDiv .gnbWrap .gnb ul li.on.four{padding-right:0}
.gnbDiv .gnbWrap .twoDep{height:272px; display:block; padding-top:7px;  position:relative; visibility: visible; background:#fff; text-align:left;}
.gnbDiv .gnbWrap li.on .twoDep{}
.gnbDiv .gnbWrap li.on .twoDep a.off:hover{color:#ed1c24; vertical-align:top; border-bottom:1px solid #ed1c24; text-decoration:none; text-align:left; padding-left:25px;}
.gnbDiv .gnbWrap li .twoDep a.on{color:#ed1c24; vertical-align:top; border-bottom:1px solid #ed1c24; padding-left:25px;}
.gnbDiv .gnbWrap li .twoDep a{color:#767676; line-height:29px; padding-left:25px;  border-bottom:1px solid #fff;}
.twoDbg{display:; background:url('/images/bg_twoDbg.png') no-repeat 0 0; position:absolute; left:0; top:100px; height:185px; width:100%; z-index:9999 ;height:251px; }



/* align */
.disB{display:block;}
.disIB{display:inline-block;}