/* 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:100%;   /* 여기 수정 처음에는 795  */
    height:700px;
} 
@media (max-width:1440px) {
#container{
    height:516px;
} 
}
#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:-50px;*/
}

/* 소이미지 크기 */
ol.bjqs-markers li { 
	width:32px;
	height:32px; 
    /* background:url(/css/roll_bt01.jpg) no-repeat;  */
    text-decoration: none; 
    font-size:0;     /* 1234  숫자 폰트 크기 */
    font-weight: bold;
    position: relative;
	display:inline-block;
	padding:0;
    margin:0px 7px 0 0;   /* 1234 숫자 사이의 간격 */
	border-radius:100%;
	-moz-border-radius:100%;
	-webkit-border-radius:100%;
}
ol.bjqs-markers li a { 
	width:32px;
	height:32px;
	background-color:#999;
	border-radius:100%;
	-moz-border-radius:100%;
	-webkit-border-radius:100%;
}
ol.bjqs-markers li.bjqs-markers-btn1 {
	background-image:url(/img/main/bnroll_arr1.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
}
ol.bjqs-markers li.bjqs-markers-btn1 a {
	background-image:url(/img/main/bnroll_arr1.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
}

ol.bjqs-markers li.bjqs-markers-btn2 {
	background-image:url(/img/main/bnroll_arr2.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
}
ol.bjqs-markers li.bjqs-markers-btn2 a {
	background-image:url(/img/main/bnroll_arr2.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
}
ol.bjqs-markers li.bjqs-markers-btn3 {
	background-image:url(/img/main/bnroll_arr3.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
}
ol.bjqs-markers li.bjqs-markers-btn3 a {
	background-image:url(/img/main/bnroll_arr3.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
}
ol.bjqs-markers li.bjqs-markers-btn4 {
	background-image:url(/img/main/bnroll_arr4.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
}
ol.bjqs-markers li.bjqs-markers-btn4 a {
	background-image:url(/img/main/bnroll_arr4.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
}

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

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

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