#indexUI{left:50%}
#indexUI .index{position:absolute;left:-344px;top:-295px;}

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

.index .open{display:none;}

.index .close{position:absolute;left:280px;top:288px;width:118px;height:39px;background:url(../../img/skin/I04/open.png) no-repeat;}
.index .close:hover{background-position-y:-39px;}

.index .body{position:absolute;top:0px;width:688px;height:303px;background:url(../../img/skin/I04/bg.png) no-repeat;}
.index .body .groub0{position:absolute;left:15px;width:165px;height:303px;background:url(../../img/skin/I04/groub.png) no-repeat;}
.index .body .groub1{position:absolute;left:180px;width:165px;height:303px;background:url(../../img/skin/I04/groub.png) no-repeat;}
.index .body .groub2{position:absolute;left:345px;width:165px;height:303px;background:url(../../img/skin/I04/groub.png) no-repeat;}
.index .body .groub3{position:absolute;left:510px;width:165px;height:303px;background:url(../../img/skin/I04/groub.png) no-repeat;}

.index .body .mainMenu{position:relative;width:165px;height:47px;background:url(../../img/skin/I04/mainMenu.png) 0px 0px no-repeat;margin-bottom: 10px;font-family:'yg-jalnan', sans-serif;font-size:20px;color:#000000;}
.index .body .mainMenu:hover{background-position-y:-47px;color:#01a8c6;}

.index .body .subMenu{position:relative;left:0px;width:165px;font-family:'NanumBarunGothic', sans-serif;font-size:16px;color:#000000;text-align:left;background:url(../../img/skin/I04/subMenu.png) 0px 0px no-repeat;padding-left:30px;word-break:keep-all;}
.index .body .subMenu:hover{color:#0064b4;background-position-y:-69px;}