#indexUI{top:50%;}
#indexUI .index{position:absolute;left:-207px;top:-4px;margin-top:-240px;}

.index .head{position:absolute;}
.index button{border:none;cursor:pointer;}

.index .open{position:absolute;left:204px;top:164px;width:45px;;height:151px;background:url(../../img/skin/I11/open.png) no-repeat;}
.index .open:hover{background-position-x:-45px;}

.index .close{position:absolute;left:204px;top:164px;width:45px;;height:151px;background:url(../../img/skin/I11/close.png) no-repeat;}
.index .close:hover{background-position-x:-45px;}

.index .body{position:absolute;width:204px;height:520px;background-color:#545d6e; opacity:0.9; top:0px;}
.index .body .groub0{position:relative;top:0px;width:204px;background:url(../../img/skin/I11/mainBg.png) no-repeat;margin-bottom:0px;padding-bottom: 16px;}
.index .body .groub1{position:relative;top:0px;width:204px;background:url(../../img/skin/I11/mainBg.png) no-repeat;margin-bottom:0px;padding-bottom: 16px;}
.index .body .groub2{position:relative;top:0px;width:204px;background:url(../../img/skin/I11/mainBg.png) no-repeat;margin-bottom:0px;padding-bottom: 16px;}
.index .body .groub3{position:relative;top:0px;width:204px;background:url(../../img/skin/I11/mainBg.png) no-repeat;margin-bottom:0px;padding-bottom: 16px;}

.index .body .groub0 .mainMenu{position:relative;background-position-x:0px;margin-bottom: 0px;}
.index .body .groub1 .mainMenu{position:relative;background-position-x:-207px;margin-bottom: 0px;}
.index .body .groub2 .mainMenu{position:relative;background-position-x:-414px;margin-bottom: 0px;}
.index .body .groub3 .mainMenu{position:relative;background-position-x:-621px;margin-bottom: 0px;}

.index .body .mainMenu{position:relative;left:0px;width:204px;height:42px;background:url(../../img/skin/I11/mainMenu.png) 0 0 no-repeat;font-family:'Nanum Gothic', sans-serif;font-size:22px;color:#ffffff;font-weight:bolder;text-indent:-9999px;}
.index .body .mainMenu:hover{background-position-y:-42px;}

.index .body .subMenu{position:relative;left:30px;top:5px;width:176px;font-family:'NanumBarunGothic', sans-serif;font-size:16px;color:#ffffff;text-align:left;background:url(../../img/skin/I11/subMenu.png) 0px 0px no-repeat;padding-left: 10px}
.index .body .subMenu:hover{color:#68b1ff;background-position-y:-120px;}