/* 페이지 */
.pagings{
	position:fixed;z-index:100;bottom:50px;
	width:100%;
	text-align:center;
}
.pagings a{
	display:inline-block;
	height:3px;width:22px;
	margin:0 2px;
	background:#979796;

	text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
	-moz-text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
	-webkit-text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
	filter: dropshadow(color=#000000, offx=2, offy=2);
}
.pagings .sel{
	background:#ffc000;
}

.CPfirstSlider .sliderObj {
	position: absolute;
	bottom: 0; right: 0; left: 0;
	margin: auto;
	height: 160px;
	z-index: 100;
}
.playNstop {
	position: absolute;
	top: -40px; right: 0; left: 0;
	margin: auto;
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url(./../images/playBtn.png) center no-repeat;
	vertical-align: middle;
	z-index: 20;
}
.playNstop.STOP {
	background: url(./../images/stopBtn.png) center no-repeat;
	
}
/* 스크롤 */
.scrollBar {
	position: absolute;
	right: 0; left: 0;
	width: auto;
	height: 16px;
	margin: auto;
	font-size: 0;
	text-align: center;
}
.scrollBar .scroll {
	position: relative;
	display: inline-block;
	margin: auto;
	width: auto;
	height: 100%;
}
.scrollBar .scroll:before {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	height: 2px;
	left: 25px; right: 25px;
	margin: auto;
	background: rgba(187,187,187,0.6);
	-webkit-transition: background 0.9s;
	transition: background 0.9s;
}
.scrollBar .scroll .area {
	display: inline-block;
	width: 50px;
	height: 100%;
	margin: 0;
	padding: 0 25px;
}
.scrollBar .scroll .area a {
	position: relative;
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: -1px 0 0 -9px;
	border-radius: 50%;
	border: 1px solid transparent;
	transition: border 0.7s;
}
.scrollBar .scroll .area a span {
	display: block;
	width: 6px;
	height: 6px;
	position: absolute;
	top: 6px; left: 6px;
	border-radius: 100%;
	background: #fff;
	
}
.scrollBar .scroll .area a.ON, .scrollBar .scroll .area a:hover {
	width: 20px;
	height: 20px;
	margin: -9px 0 0 -9px;
	border-radius: 100%;
	border: 1px solid #fff;
}
.scrollBar .scroll .area a.ON span, .scrollBar .scroll .area a:hover span {
	display: block;
	width: 6px;
	height: 6px;
	position: absolute;
	top: 6px; left: 6px;
}
.scrollBar .line {
	position: absolute;
	top: 8px;
	left: 25px;
	height: 2px;
	background: #fff;
}
.scrollBar .line {
	position: absolute;
	top: 8px;
	left: 25px;
	height: 2px;
	background: #fff;
	transition:width 0.7s;
}
/* 마우스모션 */
.sliderObj .mouseMotion {
	position: absolute;
	bottom: 30px; right: 0; left: 0;
	margin: auto;
	width: 34px;
	height: 50px;
	background: url(./../images/mouseBg.png) center center no-repeat;
	overflow: hidden;
}
.mouseMotion .mouseEffect {
	position: relative;
}
.mouseEffect span { 
	position: absolute;right: 0; left: 0;
	margin: auto;
	width: 12px; 
	height: 25px; 
	background-repeat: no-repeat;
	display: inline-block;
}
.mouseEffect .effect1 {
	top: 10px; 
	background-image: url("./../images/mouseEffect.png");
	animation: effect1 1s ease-in-out infinite;
}
@keyframes effect1 {
	0% { opacity: 0.2; }
	100% { opacity: 1; }
}
.mouseEffect .effect2 {
	top: 20px; 
	background-image: url("./../images/mouseEffect.png");
	animation: effect2 1s ease-in-out infinite;
	animation-delay: 0.2s;
}
@keyframes effect2 {
	0% { opacity: 0.2; }
	100% { opacity: 1; }
}
.mouseEffect .effect3 {
	top: 30px; 
	background-image: url("./../images/mouseEffect.png");
	animation: effect3 1s ease-in-out infinite;
	animation-delay: 0.4s;
}
@keyframes effect3 {
	0% { opacity: 0.2; }
	100% { opacity: 1; }
}



/* 투명 오버 화이트 */
.viewBtnW {
	display: inline-block;
	width: 152px;
	height: 42px;
	font-size: 12px; font-weight: 400;
	background: transparent;
	color: #fff;
	border: 1px solid #fff;
	text-align: center;
	line-height: 42px;
	letter-spacing: .1em;
	transition: all 0.5s;
}
.viewBtnW:hover {
	background: #fff;
	color: #53a3b7;
}
/* 검정투명 오버 블루 */
.viewBtnB {
	display: inline-block;
	width: 152px;
	height: 42px;
	font-size: 12px; font-weight: 400;
	background: transparent;
	color: #444;
	border: 1px solid #444;
	text-align: center;
	line-height: 42px;
	letter-spacing: .1em;
	transition: all 0.5s;
}
.viewBtnB:hover {
	background: #5ab2cc;
	color: #fff;
}
/* 흰바탕 오버 블루 */
.viewBtnBg {
	display: inline-block;
	width: 152px;
	height: 42px;
	font-size: 12px; font-weight: 400;
	background: #fff;
	color: #444;
	text-align: center;
	line-height: 42px;
	letter-spacing: .1em;
	transition: all 0.5s;
	z-index:300;
}
.viewBtnBg:hover {
	background: #69b9d0;
	color: #fff;
}
/* 블루 오버 화이트 */ 
.viewBtnBl {
	display: inline-block;
	width: 152px;
	height: 42px;
	font-size: 12px; font-weight: 400;
	background: #5ab2cc;
	color: #fff;
	text-align: center;
	line-height: 42px;
	letter-spacing: .1em;
	transition: all 0.5s;
}
.viewBtnBl:hover {
	background: #fff;
	color: #5ab2cc;
}