@charset "utf-8";
/* SIR 지운아빠 */

/* 새글 스킨 (latest) */
.latest_image_wrap {position: relative; /*height: 100px;*/ margin: 50px 0;}
.latest_image {position:relative; height: 100%;}



.latest_image div.thumb-wrap {
	overflow: hidden;
}
.latest_image div.thumb-wrap .img-wrap {
	position: relative;
}



.over_bg {-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;}
/* .latest_image div.thumb-wrap:hover .over_bg {background:rgba(0,0,0,0.3); position: absolute; top:0; left:0; width:100%; height:100%; } */
.latest_image div.thumb-wrap:not(:hover) .over_bg  {background:rgba(0,0,0,0);} 
	

.latest_image.owl-carousel .owl-stage-outer{width: calc(100% - 190px); margin-left: 190px;}


@media (max-width: 640px) {
	.latest_image div.thumb-wrap div.hover-wrap {
		background-color: rgba(0, 0, 0, 0.4);
	}
	.latest_image div.thumb-wrap div.hover-wrap .board-name,
	.latest_image div.thumb-wrap div.hover-wrap > ul > li span {
		display: inline-block;
	}
	.latest_image > div div.hover-wrap > ul {
		position: absolute;
		top: 50%;
		left: 0;
		right: 0;
		transform: translateY(-50%);
	}
}

.owl-controls{position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.latest_image .owl-nav {
	position: absolute;
    margin-top: 0 !important;
	/* width: 100%; */
	height: 100px;
	top: 50%;
    transform: translateY(-50%);
	z-index: 999;
	/*display: block !important;*/
}

.latest_image .owl-nav .owl-prev:before, .latest_image .owl-nav .owl-next:before { font-size:2.5rem  !important; font-weight:100 !important;}


.latest_image .owl-nav > * {
	position: absolute;
	top: -10px;
	transform: translateY(0);
	font-size: 10px !important;
	-webkit-transition: all 0.3s ease-out !important;
	-moz-transition: all 0.3s ease-out !important;
	-o-transition: all 0.3s ease-out !important;
	transition: all 0.3s ease-out !important;
	font-family: "Nanum Gothic", "나눔고딕", "Noto Sans KR", "Lato","Apple SD Gothic Neo", "Malgun Gothic", dotum, sans-serif !important;
	width: 30px;
	height: 50px;
	color: #333 !important;
	font-weight: 100 !important;
	overflow: hidden;
	text-indent: 9999px;
	background: transparent !important;
}
.latest_image .owl-nav > *:hover {
	color: #334492 !important;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.latest_image .owl-nav .owl-prev {
	left: -70px;
}
.latest_image .owl-nav .owl-prev:before {
	content: '<';
	transform: translate(-50%, -50%);
}
.latest_image .owl-nav .owl-next {
	right: -70px;
}
.latest_image .owl-nav .owl-next:before {
	content: '';
	background:url('./img/right.png') no-repeat;
	display:block;
	width:90px; height:90px;
	transform: translate(-50%, -50%);
	/* box-shadow: 0 0 10px rgba(0, 0, 0, 0.7); */
}

.latest_image .owl-nav .owl-prev:before,
.latest_image .owl-nav .owl-next:before {
	position: absolute;
	top: 50%;
	left: 50%;
	font-size:	5rem;
	text-indent: 0px;
	font-weight: 800;
	color:#adadad
}

.latest_image .owl-nav .owl-next,
.latest_image .owl-nav .owl-prev {
    position: absolute;
    margin: 0px !important;
    background-image: none !important;
    width: 40px !important;
    height: 40px !important;
    font-size: 10pt;
    transform: translateY(100%);
    border: 1px solid #000;
    border-radius: 50% !important;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
	background:#fff !important;
}
.latest_image .owl-nav .owl-next,
.latest_image .owl-nav .owl-prev {
    width: 40px !important;
    height: 40px !important;
}
.latest_image .owl-nav .owl-prev {
    left: 0px !important;
}
.latest_image .owl-nav .owl-next {
    right: auto !important;
    left: 50px !important;
}
.latest_image .owl-nav .owl-next:hover,
.latest_image .owl-nav .owl-prev:hover {
    border: 1px solid #000;
}
.latest_image .owl-nav .owl-prev:before,
.latest_image .owl-nav .owl-next:before,
.latest_image .owl-nav .owl-prev:after,
.latest_image .owl-nav .owl-next:after {
    content: '';
    position: absolute;
    display: block;
    width: 2px;
    height: 10px;
    background-color: rgba(0, 0, 0, 1) !important;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}
.latest_image .owl-nav .owl-prev:before,
.latest_image .owl-nav .owl-next:before,
.latest_image .owl-nav .owl-prev:after,
.latest_image .owl-nav .owl-next:after {
    width: 1px;
    height: 15px;
}
.latest_image .owl-nav .owl-prev:before,
.latest_image .owl-nav .owl-prev:after {
    left: 17px;
    right: auto;
}
.latest_image .owl-nav .owl-prev:before,
.latest_image .owl-nav .owl-prev:after {
    left: 18px;
}
.latest_image .owl-nav .owl-next:before,
.latest_image .owl-nav .owl-next:after {
    left: auto;
    right: 17px;
}
.latest_image .owl-nav .owl-next:before,
.latest_image .owl-nav .owl-next:after {
    right: 18px;
}
.latest_image .owl-nav .owl-prev:before,
.latest_image .owl-nav .owl-next:before {
    top: 9px;
}
.latest_image .owl-nav .owl-prev:before,
.latest_image .owl-nav .owl-next:before {
    top: 7px;
}
.latest_image .owl-nav .owl-next:after,
.latest_image .owl-nav .owl-prev:after {
    top: 50%;
    margin-top: -2px;
}
.latest_image .owl-nav .owl-next:before,
.latest_image .owl-nav .owl-prev:after {
    transform: rotate(-45deg);
}
.latest_image .owl-nav .owl-next:after,
.latest_image .owl-nav .owl-prev:before {
    transform: rotate(45deg);
}
.latest_image .owl-nav .owl-next,
.latest_image .owl-nav .owl-prev {
    background-image: none !important;
}
.latest_image .owl-nav .owl-prev:hover:before,
.latest_image .owl-nav .owl-next:hover:before,
.latest_image .owl-nav .owl-prev:hover:after,
.latest_image .owl-nav .owl-next:hover:after {
    background-color: rgba(0, 0, 0, 1) !important;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.411);
}

.play-pause-container{position: absolute; left: 102px; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; text-align: center;border: 1px solid #000; box-sizing: border-box; border-radius: 100%; z-index: 3; background: #fff; display: flex; justify-content: center; align-items: center;}
#playPauseButton{font-size: 17px; line-height: 17px; font-weight: 500; background: #fff; border: none; transform: translateY(-2px);}

@media (max-width: 1400px) {
    .latest_image .owl-nav{left: 20px;}
    .play-pause-container {left: 122px;}
}
@media (max-width: 950px) {
    .latest_image_wrap{margin: 15px 0;}
    .latest_image .owl-nav{display: none;}
	.play-pause-container{display: none;}
    .latest_image.owl-carousel .owl-stage-outer{width: 100%; margin-left: 0;}
}