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

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

.index .open{position:absolute;left:241px;top:195px;width:40px;height:96px;background:url(../../img/skin/I03/open.png) no-repeat;}
.index .open:hover{background-position-x:-40px;}

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

.index .body{position:absolute;width:241px;height:480px;background:url(../../img/skin/I03/bg.png) no-repeat;}
.index .body .groub0{position:relative;top:35px;width:210px;background:url(../../img/skin/I03/mainBg.png) no-repeat;margin-bottom:10px;padding-bottom: 10px;}
.index .body .groub1{position:relative;top:35px;width:210px;background:url(../../img/skin/I03/mainBg.png) no-repeat;margin-bottom:10px;padding-bottom: 10px;}
.index .body .groub2{position:relative;top:35px;width:210px;background:url(../../img/skin/I03/mainBg.png) no-repeat;margin-bottom:10px;padding-bottom: 10px;}

.index .body .groub0 .mainMenu{position:relative;background-position-x:0px;margin-bottom: 10px;}
.index .body .groub1 .mainMenu{position:relative;background-position-x:-210px;margin-bottom: 10px;}
.index .body .groub2 .mainMenu{position:relative;background-position-x:-420px;margin-bottom: 10px;}

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