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

/* 새글 스킨 (latest) */
.latest_gallery {position:relative;}

.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_gallery > div {
	position: relative;
}
	.latest_gallery div.thumb-wrap {
		overflow: hidden;
	}
		.latest_gallery > div div.hover-wrap {
			position: absolute;
			background-color: rgba(0, 0, 0, 0.2);
			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_gallery div.thumb-wrap:hover div.hover-wrap {
				background-color: rgba(0, 0, 0, 0.6);
				-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_gallery > div div.hover-wrap > ul {
					position: relative;
					height: 110px;
					margin: 0px auto;
					margin-top: -25px;
					top: 50%;
					background: none !important;
					padding: 0px !important;
				}
					.latest_gallery div.thumb-wrap:hover div.hover-wrap > ul {
						margin-top: -55px;
					}
						.latest_gallery > div div.hover-wrap > ul > li {
							text-align: center;
							width: 100% !important;
						}
							.latest_gallery > div div.hover-wrap > ul > li > div.quadrangle {
								width: 49px;
								height: 49px;
								border: 1px solid rgba(255, 255, 255, 0.9);
								margin: 0px auto;
								margin-top: 10px;
								position: relative;
								display: none;
								-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_gallery div.thumb-wrap:hover div.hover-wrap > ul > li > div.quadrangle {
									display: 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_gallery > div div.hover-wrap > ul > li > div.quadrangle > div {
										position: absolute;
										background-color: rgba(255, 255, 255, 0.9);
									}
										.latest_gallery > div div.hover-wrap > ul > li > div.quadrangle > div.vertical {
											height: 18px;
											width: 1px;
											top: 15px;
											left: 24px;
										}
										.latest_gallery > div div.hover-wrap > ul > li > div.quadrangle > div.horizontal {
											width: 18px;
											height: 1px;
											left: 15px;
											top: 24px;
										}
						
						.latest_gallery > div div.hover-wrap > ul > li span {
							display: block;
							font-weight: bold;
						}
							.latest_gallery > div div.hover-wrap > ul > li span.subject {
								color: #FFF;
								font-size: 1.3em;
								margin-top: 10px;
							}
							.latest_gallery > div div.hover-wrap > ul > li span.datetime {
								color: #7EBFC5;
								font-size: 0.9em;
								margin-top: 3px;
							}

.latest_gallery .owl-controls {
	position: absolute;
	width: 100%;
	height: 0px;
	top: 50%;
	z-index: 999;
}
	.latest_gallery .owl-controls .owl-nav {
		height: 0px;
	}
		.latest_gallery .owl-controls .owl-nav > div {
			position: absolute;
			top: 0px;
			font-size: 3em;
			color: #FFF;
			-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_gallery .owl-controls .owl-nav > div:hover {
				text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
				-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_gallery .owl-controls .owl-nav .owl-prev {
					left: -65px;
				}
				.latest_gallery .owl-controls .owl-nav .owl-next {
					right: -65px;
				}
					@media (max-width: 1200px) {
						.latest_gallery .owl-controls .owl-nav > div {
							top: -30px;
							background: rgba(0, 0, 0, 0.6);
							padding: 20px 10px;
						}
							.latest_gallery .owl-controls .owl-nav .owl-prev {
								left: -26px;
								border-top-right-radius: 3px;
								border-bottom-right-radius: 3px;
							}
							.latest_gallery .owl-controls .owl-nav .owl-next {
								right: -26px;
								border-top-left-radius: 3px;
								border-bottom-left-radius: 3px;
							}
					}