@charset "utf-8";

/* SIR 지운아빠 */



/* 새글 스킨 (latest) */

.latest_image {

	position: relative;

	margin-bottom: -20px;

}



.content02 {position:relative; font-size:0;}

.content02 .ctrl {position:absolute; bottom:20px; left:50%; z-index:10; transform:translateX(-50%);}

.content02 .ctrl span {font-size:30px; color:#fff; line-height:31px; font-weight:bold; display:inline-block;}

.content02 .ctrl span.bar {margin:0 4px; font-size:20px; color:#fff; line-height:31px; font-weight:bold; display:inline-block;}



.latest_image_wrap {

	position: relative;

}



.latest_image_title {

	text-align: center;

	padding: 0px 0px 30px !important;

}

.latest_image_title a {

	font-size: 2.2em;

	font-weight: 500;

	color: #FFF;

}

.latest_image_title small {

	font-size: 15pt;

	display: block;

}





.latest_image > div {

	position: relative;

}

.latest_image li.thumb-wrap {

	overflow: hidden;

}

.latest_image li.thumb-wrap .img-wrap {

	position: relative;

}

.latest_image > div div.hover-wrap {

	position: absolute;

	background-color: rgba(0, 0, 0, 0.6);

	opacity: 0;

	top: 0px;

	bottom: 0px;

	left: 0px;

	right: 0px;

	-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 li.thumb-wrap:hover div.hover-wrap {

	opacity: 1;

	-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 > div div.hover-wrap .board-name {

	display: none;

	color: #FFF;

	background-color: #D81921;

	padding: 0px 15px;

	line-height: 35px !important;

}



.latest_image > div div.hover-wrap > ul {

	position: relative;

	background: none !important;

	padding: 0px !important;

	font-size: 0px;

	margin-top: 10px;

}

.latest_image li.thumb-wrap:hover div.hover-wrap > ul {

	position: absolute;

	top: 50%;

	left: 0;

	right: 0;

	transform: translateY(-50%);

}

.latest_image > div div.hover-wrap > ul > li {

	width: 100% !important;

	text-align: center;

}

.latest_image > div div.hover-wrap > ul > li span {

	display: none;

	overflow: hidden;

	line-height: 35px !important;

	height: 35px;

	text-overflow: ellipsis;

	white-space: nowrap;

}

.latest_image div.hover-wrap .board-name,

.latest_image li.thumb-wrap:hover div.hover-wrap > ul > li span {

	display: inline-block;

	-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 .info .board-name {

	color: #4466E2;

	font-size: 1.1em;

	margin-bottom: 5px;

}

.latest_image .info .board-name:before,

.latest_image .info .board-name:after {

	content: '|';

	position: relative;

	display: inline-block;

	font-size: 0.7em;

	top: -3px;

}

.latest_image .info .board-name:before {

	margin-right: 5px;

}

.latest_image .info .board-name:after {

	margin-left: 5px;

}

.latest_image > div div.hover-wrap > ul > li span.subject {

	color: #FFF;

	font-size: 1.2rem;

	font-weight: 400;

}

.latest_image > div div.hover-wrap > ul > li span.datetime {

	color: #f1888e;

	font-size: 0.8rem;

}

.latest_image > div div.hover-wrap span.hover-more {

	display: inline-block;

	position: relative;

	height: 70px;

	width: 70px;

	line-height: 70px;

	text-align: center;

	margin-top: 10px;

	/*border: 1px solid #375CCF;*/

	background-color: #1472c9;

	border-radius: 50%;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%) !important;

	color: #FFF;

}

.latest_image > div div.hover-wrap span.hover-more i {

	position: absolute;

	font-size: 2.5em;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

}

.latest_image > div .info {

	padding-top: 5px;

}

.latest_image > div .info span {

	display: inline-block;

}

.latest_image > div .info .subject {

	display: block;

	font-size: 13pt;

	font-weight: 400;

	height: 30px;

	line-height: 30px;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

}

.latest_image > div .info .text {

	display: block;

}

.latest_image > div .info .preacher:after {

	content: '|';

	position: relative;

	display: inline-block;

	padding: 0 10px;

	top: -2px;

	font-size: 9pt;

}

.latest_image > div .info .datetime,

.latest_image > div .info .preacher,

.latest_image > div .info .text {

	font-size: 11pt;

	font-weight: 500;

	color: #9A9A9A;

	padding-top: 5px;

}



@media (max-width: 640px) {

	.latest_image li.thumb-wrap div.hover-wrap {

		background-color: rgba(0, 0, 0, 0.4);

	}

	.latest_image li.thumb-wrap div.hover-wrap .board-name,

	.latest_image li.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%);

	}

}



.latest_image .owl-nav {

	position: absolute;

	width: 0;

	top: 50%;

	right: -4%;

	transform: translateY(-50%);

	z-index: 999;

	display: block !important;

}

.latest_image .owl-nav > * {

	position: relative;

	display: block;

	font-size: 1.2em !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;

	color: #546ACE !important;

	font-weight: 100 !important;

	overflow: hidden;

	text-indent: 0;

	width: 25px;

	height: 25px;

	line-height: 25px !important;

	background-color: #1472c9 !important;

	border-radius: 50%;

}

.latest_image .owl-nav > *:hover {

	background-color: #0f6ac0 !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 {

	margin-bottom: 25px;

}

.latest_image .owl-nav .owl-prev:before {

	content: '<';

	margin-top: -1px;

	margin-left: -1px;

}

.latest_image .owl-nav .owl-next {

}

.latest_image .owl-nav .owl-next:before {

	content: '>';

	margin-top: -1px;

	margin-left: 1px;

}



.latest_image .owl-nav .owl-prev:before,

.latest_image .owl-nav .owl-next:before {

	position: absolute;

	display: block;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

	font-size: 0.7rem;

	text-indent: 0px;

	font-weight: 600;

	color: #FFF;

	text-align: center;

}

@media (max-width: 1200px) {

	/*

    .latest_image .owl-nav > div {

        top: -30px;

        background: rgba(0, 0, 0, 0.6);

        padding: 20px 10px;

        font-size: 3em;

    }

        .latest_image .owl-nav .owl-prev {

            left: -4px;

            border-top-right-radius: 3px;

            border-bottom-right-radius: 3px;

        }

        .latest_image .owl-nav .owl-next {

            right: -4px;

            border-top-left-radius: 3px;

            border-bottom-left-radius: 3px;

        }

    */

}

@media (max-width: 640px) {

	.latest_image .owl-nav {

		width: auto;

		top: auto;

		bottom: 0;

		left: 50%;

		right: auto;

		transform: translateX(-50%);

	}

	.latest_image .owl-nav .owl-prev {

		margin-bottom: 0;

		margin-right: 20px;

	}

	.latest_image .owl-nav > * {

		display: inline-block;

		top: 20px;

	}

}



.latest_image .gallery-cont-wrap {

	display: grid;

	grid-template-columns: 1fr 1fr;

	grid-template-rows: 1fr 1fr;

	grid-row-gap: 20px;

	grid-column-gap: 20px;

}