/* http://www.menucool.com */

#sliderFrame {position:absolute; left:50%; width:2000px; height:450px; margin: 0px; margin-left: -1000px;  text-align:center;} 
    
#slider {
    width:100%;height:450px;/* Make it the same size as your images */
    	text-align:center;
    	align:center;
    	
	background:#fff url(loading.gif) no-repeat 50% 50%;
	position:relative;
	margin: 0 auto;/*make the image slider center-aligned */

}
#slider img {
	position:absolute;
	border:none;
	display:none;
}

/* the link style (if an image is wrapped in a link) */
#slider a.imgLink {
	z-index:2;
	display:none;position:absolute;
	top:0px;left:0px;border:0;padding:0;margin:0;
	width:100%;height:100%;
}

/* --------- Others ------- */
#slider { transform: translate3d(0,0,0);   -ms-transform:translate3d(0,0,0);    -moz-transform:translate3d(0,0,0);    -o-transform:translate3d(0,0,0);}

/* ------ built-in navigation bullets wrapper ------

/* Note: check themes\2\js-image-slider.css to see how to hide nav bullets */
#slider div.navBulletsWrapper  {  position:absolute; width:130px; top:420px; left:50%; margin-left:-50px; z-index:5; border:0px solid #f00;  text-align:center; }

/* each bullet */
#slider div.navBulletsWrapper div { cursor:pointer; display:inline-block; padding:0px 3px; width:13px; height:13px; text-indent:-10000px; background:url(../img/btn_dot-off.png) no-repeat left top; }
#slider div.navBulletsWrapper div.active {  width:33px; background-image:url(../img/btn_dot-on.png);  }











/* 작은 메인이미지 수동 롤링 */





#sliderFrameMainimage {position:relative; width:271px; height:145px; margin: 0px; overflow:hidden; } 
    
#sliderMainimage {
    width:100%;height:100%;/* Make it the same size as your images */
    text-align:center;
	background:#fff url(loading.gif) no-repeat 50% 50%;
	position:relative;
	margin: 0 auto;/*make the image slider center-aligned */

}

#sliderMainimage .sliderInner { background-size:contain; }

#sliderMainimage img {
	position:absolute;
	border:none;
	display:none;
	width:100%;
	height:100%;
}

/* the link style (if an image is wrapped in a link) */
#sliderMainimage a.imgLink {
	z-index:2;
	display:none;position:absolute;
	top:0px;left:0px;border:0;padding:0;margin:0;
	width:100%;height:100%;
}

/* --------- Others ------- */
#sliderMainimage { transform: translate3d(0,0,0);   -ms-transform:translate3d(0,0,0);    -moz-transform:translate3d(0,0,0);    -o-transform:translate3d(0,0,0);}

/* ------ built-in navigation bullets wrapper ------

/* Note: check themes\2\js-image-slider.css to see how to hide nav bullets */
#sliderMainimage div.navBulletsWrapper  { display:none}