@charset "utf-8";

*{margin:0;padding:0;}

/*슬라이더 버튼*/
.slider{position: relative; width:870px; height: 570px; z-index:1}
.sliderpjs_btn{cursor:pointer;float:left;width:30px;height:30px;background-color:white;border-radius:15px;font-weight:bold;color:#333;text-align:center;line-height:27px;position:absolute;font-family:tahoma;}
.prev{top:50%;margin-top:-15px;left:10px;}
.next{top:50%;margin-top:-15px;right:10px;}


/*슬라이더*/
.sliderpjs{

	width:870px;height:570px;overflow:hidden;white-space:nowrap;

/*

width값 고정형으로도 사용 가능합니다.

비율 맞는 반응형 시 : padding-bottom의 값은 세로px/가로px*100의 값을 입력해주시면 됩니다.

고정 세로높이 시 : padding-bottom에 px값을 입력해주시면 됩니다.

*/
}
.sliderpjs li{line-height:0;display:inline-block;width:870px;white-space:nowrap; height:570px;}
.sliderpjs li img{width: 870px; height: 570px;}