#indexUI{top:50%;}
#indexUI .index{position:absolute;left:-561px;top:0px;margin-top:-252px;}

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

.index .open{position:absolute;left:561px;top:195px;width:130px;height:43px;background:url(../../img/skin/I10/open.png) no-repeat;display:none;}
.index .open:hover{background-position-y:-43px;}

.index .close{position:absolute;left:235px;top:10px;width:20px;height:20px;background:url(../../img/skin/I10/close.png) no-repeat;}
.index .close:hover{background-position-y:-20px;}

.index .body{position:absolute;width:265px;height:504px;background:url(../../img/skin/I10/bg.png) no-repeat;}

.index .body .groub0 {position:relative;top:90px;}
.index .body .groub1 {position:relative;top:120px;}
.index .body .groub2 {position:relative;top:160px;}

.index .body .groub0 .mainMenu{position:relative;background-position-x:0px;margin-bottom: 5px;}
.index .body .groub1 .mainMenu{position:relative;background-position-x:-265px;margin-bottom: 5px;}
.index .body .groub2 .mainMenu{position:relative;background-position-x:-530px;margin-bottom: 5px;}

.index .body .mainMenu{position:relative;left:0px;width:265px;height:42px;background:url(../../img/skin/I10/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:35px;width:230px;font-family:'NanumBarunGothic', sans-serif;font-size:18px;color:#ffffff;text-align:left;background:url(../../img/skin/I10/subMenu.png) 0px 0px no-repeat;}
.index .body .subMenu:hover{background-position-y:-120px;}