@charset "utf-8";

.moonCarousel {padding-top: 20px;margin-bottom: 20px}
.moonCarousel .owl-item {padding-bottom: 20px;}
.moonCarousel .owl-item a.thumb {display:block;position:relative;background-color:#262644;}
.moonCarousel .owl-item .post-info {padding:20px 5px 0}
.moonCarousel .owl-item .post-info a.title {display:block;margin-bottom:5px;color:#3e3e3e}
.moonCarousel .owl-item .post-info a.title,
.moonCarousel .owl-item .post-info .date,
.moonCarousel .owl-item .post-info .author,
.moonCarousel .owl-item .post-info .summary {font-family:'Open Sans', '나눔고딕','NanumGothic',ng;}
.moonCarousel .owl-item .post-info .date,
.moonCarousel .owl-item .post-info .author,
.moonCarousel .owl-item .post-info .replyNum a {display: inline-block;margin:0 10px 10px 0;font-size:11px;letter-spacing: 1px;color:#aaa}
.moonCarousel .owl-item .post-info .summary {}
.moonCarousel .owl-item .summary {padding:0 5px;font-size:13px;line-height:1.8;color:#888}

.moonCarousel .owl-item .owl-link-ico {
	position:absolute;top:50%;left:50%;
	padding:10px 10px;margin-left:-20px;margin-top:-20px;
	width:40px;height:40px;text-align:center;
	color:#fff;border:1px solid #fff;
	border-radius: 50%;
	opacity: 0;
}
.moonCarousel .owl-item:hover .owl-link-ico {opacity: 1;}
.moonCarousel .owl-item a.thumb img {
	opacity:1;
	-webkit-transition: opacity 200ms ease;
	-moz-transition: opacity 200ms ease;
	-ms-transition: opacity 200ms ease;
	-o-transition: opacity 200ms ease;
	transition: opacity 200ms ease;
}
.moonCarousel .owl-item:hover a.thumb img {opacity:.5;}
.moonCarousel .noimg {max-height: 180px;}

.moonCarousel .owl-nav {margin-top: 0;}
.moonCarousel .owl-nav [class*=owl-] {
	position: absolute;top: 50%;
	margin: 0;margin-top:-20px;padding: 0;
	width: 60px;height: 60px;	
	line-height: 60px;
	border-radius: 50%;
	opacity: 0.1;
	-webkit-transition: all .3s ease;
    transition: all .3s ease;		
}
.moonCarousel .owl-nav [class*=owl-]:hover {background-color: #88BBFF;}
.moonCarousel .owl-nav .owl-prev {left: 0;margin-left: -30px;padding-right: 1.5em;text-align: right;}
.moonCarousel .owl-nav .owl-next {right: 0;margin-right: -30px;padding-left: 1.5em;text-align: left;}
.kso-corouselContainer:hover .moonCarousel .owl-nav [class*=owl-]{opacity: 1;}




.kso-corouselContainer.dark .moonCarousel .owl-item .post-info a.title {color: #fff;}
.kso-corouselContainer.dark .moonCarousel .owl-item .post-info .date {color: rgba(255,255,255,.5);}
.kso-corouselContainer.dark .moonCarousel .owl-item .summary {color: rgba(255,255,255,.7);}