/* 인텍스 컨테이너*/
		#indexContainer{
			position:absolute;
			top:0px;
			left:0px;
			margin-left:0%;
			background-color:rgba(225,225,225,1); /*※ xml상의 헥사코드를 RGB값으로 변환해서 넣어줘야함*/
			padding-left:5px;
			padding-right:5px;
			padding-top:5px;
			padding-bottom:5px;
			border-top-right-radius:10px;
			border-bottom-right-radius:10px;
			display:inline-block;
			visibility: visible; /* default hidden */ 
		}
		/* 인텍스 리스트 */	
		#indexContainer .indexList{
			background-color:rgba(175,175,175,1); /*※ xml상의 헥사코드를 RGB값으로 변환해서 넣어줘야함*/
			padding:5px;
			margin-bottom:3px;
			border-radius:7px; 
			position:relative;			
		}
		/*마지막 인덱스일 경우 margin-bottom을 0으로*/
		#indexContainer .indexList:nth-last-child(1) {
		 	margin-bottom:0px;
		}
		
                  /* 인텍스 타이틀 배경색 */
		#indexContainer .titleBg{
			background-color:rgba(255,255,255,1); /*※ xml상의 헥사코드를 RGB값으로 변환해서 넣어줘야함*/
			border-radius:5px;  			
			width:100px;
			height:30px;
			overflow:hidden;			
			cursor:pointer;
		}
		 /* 인텍스 타이틀 글자 */
		#indexContainer .titleText{
			color: #000000;
			font-family: arial, sans-serif;
			font-size: 10pt;
			font-weight:bold;	
			width:100px;		
			height:30px;			
			display:table-cell;	
			vertical-align:middle;			
			text-align: center;					
		}
		#indexContainer .titleText span{
			white-space: nowrap;	
			padding:0px 3px 0px 3px;				
		}
		#indexContainer .titleBg:hover{
			background-color:#000000;

		}
		#indexContainer .titleBg:hover .titleText{
			color:#ffffff;
		}		

		/*툴팁 시작*/
		#indexContainer .indexList .toolTip{
		    position: absolute;
		    visibility: hidden;
		    background-color:  #000000;
		    white-space:nowrap;
		    color: #ffffff;
		    font-family: arial, sans-serif;
		    font-size: 10pt;
		    text-align: center;
		    border-radius: 6px;
		    padding: 6px;
		    top:50%;
		    right: 105%;
		    margin-top:-14px;
		    z-index: 10000;
		}
		#indexContainer .indexList .toolTip::after {
		    content: "";
		    position: absolute;
		    top: 50%;
		    left: 100%;
		    margin-top: -5px;
		    border-width: 5px;
		    border-style: solid;
		    border-color: transparent transparent transparent  #000000;
		}
		#indexContainer .indexList:hover .toolTip{
		     visibility: hidden;
		}
		/* tooltip style */ 
		.customToolTip{
		    position: absolute;
		    top:300px;
		    left:0px;
		    margin:0px;
		    background-color:  #000000;
		    white-space:nowrap;
		    color: #ffffff;
		    font-family: arial, sans-serif;
		    font-size: 10pt;
		    text-align: center;
		    border-radius: 6px;
		    padding: 6px;
		    z-index: 10000;
		    visibility: hidden;
		}
		.customToolTip::after {
		    content: "";
		    position: absolute;
		    top: 50%;
		    left: 100%;
		    margin-top: -5px;
		    border-width: 5px;
		    border-style: solid;
		    border-color: transparent transparent transparent  #000000;
		}
		/*툴팁 종료*/