/* Demo CSS - You do not need this css in your own slider */ 
/*
body{ 
    font-family: "Open Sans", helvetica, arial; 
} 
*/
pre{ 
    font-family: "Source Code Pro", monospace; 
    display: block; 
    font-size: 13px; 
    line-height: 20px; 
    word-break: break-all; 
    word-wrap: break-word; 
    white-space: pre; 
    white-space: pre-wrap; 
    background-color: whiteSmoke; 
    border: 1px solid #CCC; 
    -webkit-border-radius: 4px; 
    -moz-border-radius: 4px; 
    border-radius: 4px; 
     
} 
/* 
h2{ 
    font-size: 48px; 
} 

pre + h2{ 
    margin-top: 0px; 
} 
*/ 
#container{
    width:917px;   /* 여기 수정 처음에는 795  */
    height:510px;
} 

#banner-fade, 
#banner-slide{ 
    margin-bottom: 0px; 
} 

ul.bjqs-controls.v-centered li a{ 
    display:block; 
    padding:0px; 
} 

ul.bjqs-controls.v-centered li a:hover{ 
    display:block; 
    padding:0px; 
    color:#FFF; 
} 

/* 소이미지 위치 */
ol.bjqs-markers {
	margin-left:300px;
}

/* 소이미지 크기 */
ol.bjqs-markers li { 
	width:66px;
	height:8px;
	background-color:#555;
    /* background:url(/css/roll_bt01.jpg) no-repeat;  */
    text-decoration: none; 
    font-size: 50px;     /* 1234  숫자 폰트 크기 */
    font-weight: bold;
    position: relative;
	display:inline-block;
    margin:0px 5px 0 0;   /* 1234 숫자 사이의 간격 */
}

ol.bjqs-markers li.bjqs-markers-btn1 {
	width:66px;
	height:8px;
	padding:0;
/*	background:url(/img2015/main_cate01_o.png) no-repeat;*/
	background-position:1px 1px;
	opacity:0.9;	
}
ol.bjqs-markers li.bjqs-markers-btn1 a {
	width:66px;
	height:8px;
	padding:0;
/*	background:url(/img2015/main_cate01.png) no-repeat;*/
	background-color:#eee;
	background-position:1px 1px;
	opacity:0.9;	
}

ol.bjqs-markers li.bjqs-markers-btn2 {
	width:66px;
	height:8px;
	padding:0;
/*	background:url(/img2015/main_cate02_o.png) no-repeat;*/
	background-position:1px 1px;
	opacity:0.9;	
}
ol.bjqs-markers li.bjqs-markers-btn2 a {
	width:66px;
	height:8px;
	padding:0;
/*	background:url(/img2015/main_cate02.png) no-repeat;*/
	background-color:#eee;
	background-position:1px 1px;
	opacity:0.9;	
}

ol.bjqs-markers li.bjqs-markers-btn3 {
	width:66px;
	height:8px;
	padding:0;
/*	background:url(/img2015/main_cate03_o.png) no-repeat;*/
	background-position:1px 1px;
	opacity:0.9;	
}
ol.bjqs-markers li.bjqs-markers-btn3 a {
	width:66px;
	height:8px;
	padding:0;
/*	background:url(/img2015/main_cate03.png) no-repeat;*/
	background-color:#eee;
	background-position:1px 1px;
	opacity:0.9;	
}

ol.bjqs-markers li.bjqs-markers-btn4 {
	width:66px;
	height:8px;
	padding:0;
/*	background:url(/img2015/main_cate04_o.png) no-repeat;*/
	background-position:1px 1px;
	opacity:0.9;	
}
ol.bjqs-markers li.bjqs-markers-btn4 a {
	width:66px;
	height:8px;
	padding:0;
/*	background:url(/img2015/main_cate04.png) no-repeat;*/
	background-color:#eee;
	background-position:1px 1px;
	opacity:0.9;	
}


ol.bjqs-markers li.active-marker a, 
ol.bjqs-markers li a:hover{ 
	background-image:url();
	background-color:transparent;
} 

ol.bjqs-markers li.active-marker {
	opacity:1;
}

p.bjqs-caption{ 
    background: rgba(255,255,255,0.5); 
}