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

/*slider frame*/
#sliderFrame {
	position:relative;
	margin:0 auto;
}

#slider {
	width:1920px;height:450px;/* Make it the same size as your images */
	position:relative;
	margin:0 auto;/*this makes the image slider center-aligned. Remove this line if you want to align the whole slider to the left side*/
	text-align:center;
}

#slider img {
	position:absolute;
	border:none;
	visibility:hidden;
}



/* ------ built-in navigation bullets wrapper ------*/
div.navBulletsWrapper  {
	top:402px; /* Its position is relative to the #slider. Don't set #slider "overflow:hidden;" if bullets are to be positioned outside of the #slider. */
	right:932px;
	height:36px;
	text-align:right;
	position:relative;
	z-index:50;
	cursor:pointer;
}

/* each bullet */
div.navBulletsWrapper div 
{
	width:18px; height:18px;
	background:transparent url(/images/bullet.png) no-repeat;
	/*float:left;*/              /* °¡¿îµ¥Á¤·ÄÀÌ ¾ÈµÇ¾î¼­ »ç¿ë¾ÈÇÔ */
	display:inline-block;        /* °¡¿îµ¥·Î Á¤·ÄµÇµµ·ÏÇϱâ À§ÇØ »ç¿ë */
	overflow:hidden;
	vertical-align:middle;
	cursor:pointer;
    margin:0 3px;/* distance between each bullet*/
    _position:relative;/*IE6 hack*/
}

div.navBulletsWrapper div.active {background-position:0 -18px;}


/*----------- navigation buttons on both sides of the slider -----------*/
.group1-Wrapper 
{
    position:absolute;
    z-index:20;
    top:125px;
    margin-left:50%;/* position it in the middle of #sliderFrame */
    width:1px;
}
a.group1-Prev, a.group1-Next
{
    width:50px;height:150px;
    background:transparent url(/images/navButtons2.png); 
    display:block; 
    cursor:pointer;
    position:absolute;
    top:0;
    user-select: none;
}
a.group1-Prev{background-position:0 0; left: -540px;}
a.group1-Next {background-position:0 -150px;left:490px;}

a.group1-Prev:hover{background-position:50px 0;}
a.group1-Next:hover {background-position:50px -150px;}



/* --------- 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);
}