/*------------------------------------------------------------------------------------------------------------*
 *  ysk rolling 100                                                                                           *
 *------------------------------------------------------------------------------------------------------------*/

/* ÄƵéÀÌ °ãÄ¡±âÀ§ÇÑ ½ºÅ¸ÀÏ */
.frame {overflow: hidden; position: relative; margin: 0 0 0 0;}
.frame ul {list-style: none; margin: 0; padding: 0; position: absolute;}
.frame ul li { float: left; margin: 0; padding: 0; cursor: pointer; }

/* Á¡°ú °ü·ÃµÈ ½ºÅ¸ÀÏ */
.pages {width:460px; /* Á¡¹Ú½ºÀÇ Å©±â°ª */
    position: absolute;
    padding:15px 0 0 0;  /* »ó´Ü¿¡¼­ºÎÅÍ Á¡ÀÇ ³ôÀÌ°¡ ¶³¾îÁö´Â °ª */
	list-style: none;
	text-align:right; /* Á¡ÀÇÁ¤·Ä */
}
.pages li {
	display: inline-block;
	width: 12px; height: 12px; /* Á¡ÀÇÅ©±â */
	margin: 0 3px; /* Á¡³¢¸®ÀÇ°£°Ý */
	text-indent: -999px;
	border-radius: 22px; /* Á¡ÀÇ°î¼±Á¤µµ */
	background: #e1e1e1; /* Á¡ÀDZ⺻»ö»ó */
	cursor: pointer;
	overflow: hidden;
}
.pages li:hover {background: #8ce1e6;}  /* ¿À¹ö½Ã »ö»ó */
.pages li.active {background: #00bbc7;}  /* ¼±Åýà »ö»ó */ 



#rolling {float: left; margin:40px 0 0 0;}