@charset "utf-8";

/* 새글 스킨 (latest) */
#ltPhoto {
	width:100%;
	margin:0 auto;
	padding:20px 0 50px 0;
	overflow:hidden;
}
#ltPhoto ul {
	width:100%;
	margin:0 auto;
	padding:30px 0;
	list-style:none;
	overflow:hidden;
}
#ltPhoto ul li.col {
	position:relative;
	float:left;
	width:33.333%;
	min-height:1px;
	column-gap:20px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:40px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	margin-left:0;
}
#ltPhoto .gall_con {
	position:relative;
	margin:0;
	transition:box-shadow 0.25s ease-in-out;
}
#ltPhoto .gall_con:hover {
	box-shadow:0px 3px 6px 0px rgba(0,0,0,0.15);
}
#ltPhoto .photo_img {
	position:relative;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	overflow:hidden;
}
#ltPhoto .photo_img a { display:block; }
#ltPhoto .photo_img img {
	width:100%;
	min-width:100%;
	height:auto;
	background-color:#212121;
	transition:all 0.35s ease-in-out;
}
#ltPhoto .gall_con:hover img { transform:scale(1.06); }
#ltPhoto .media_img {
	width:100%;
	height:auto;
	transition:all 0.35s ease-in-out;
}
#ltPhoto .media_img:after {
	content:'';
	padding-bottom:100%;
	display:block;
}
#ltPhoto .media_thumb {
	position:absolute;
	width:100%;
	height:100%;	
	background-color:#212121;
	background-size:100% auto;
	background-position:50% 50%;
	background-repeat:no-repeat;
	transition:all 0.35s ease-in-out;
	display:block;
}
#ltPhoto .media_thumb:hover { transform:scale(1.06); }
#ltPhoto .photo_info {
	padding:15px;
	background-color:#fff;
	border-bottom:1px solid rgba(0,0,0,0.35);
	text-align:left;
	display:block;
}
#ltPhoto .photo_info span.subject {
	font-size:1.13rem;
	font-weight:400;
	color:#212121;
	letter-spacing:-0.06rem;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
	display:block;
}
#ltPhoto .photo_info em {
	font-family:'roboto', sans-serif;
	font-size:0.83rem;
	font-weight:400;
	color:#929292;
	font-style:normal;
	margin-top:10px;
	text-align:right;
	display:block;
}

#ltPhoto .empty_item {
	font-size:13px;
	color:#555;
	line-height:300px;
	text-align:center;
	overflow:hidden;
}

#lt_more {
	width:100%;
	margin:0 auto;
	padding:0;
	text-align:center;
	display:block;
}
#lt_more .lt_more_btn {
	position:relative;
	font-family:'roboto', 'Noto Sans KR', sans-serif;
	font-size:0.96rem;
	color:#212121;
	font-weight:400;
	margin:0 auto;
	padding:10px 30px;
	text-decoration:none;
	cursor:pointer;
	overflow:hidden;
	transition:color 0.5s ease-in-out;
	display:inline-block;
}
#lt_more .lt_more_btn i { font-style:normal; }
#lt_more .lt_more_btn:hover { color:#fff; }
#lt_more .lt_more_btn:before,
#lt_more .lt_more_btn:after {
	content:'';
	position:absolute;
	left:0;
	width:100%;
	height:1px;
	background-color:#212121;
}
#lt_more .lt_more_btn:before { top:0; }
#lt_more .lt_more_btn:after { bottom:0; }
#lt_more .lt_more_btn:hover > * > *:before,
#lt_more .lt_more_btn:hover > * > *:after { transform: translate3d(0, 0, 0); }
#lt_more .lt_more_btn:hover > * > * > *:before,
#lt_more .lt_more_btn:hover > * > * > *:after { transform: translate3d(0, 0, 0); }
#lt_more .lt_more_btn > *:before,
#lt_more .lt_more_btn > *:after {
	content:'';
	position:absolute;
	top:0;
	height:100%;
	width:1px;
	background-color:#212121;
}
#lt_more .lt_more_btn > *:before { left:0; }
#lt_more .lt_more_btn > *:after { right:0; }
#lt_more .lt_more_btn > * > *:before,
#lt_more .lt_more_btn > * > *:after {
	content:'';
	position:absolute;
	left:0;
	width:100%;
	height:1px;
	background-color:#fff;
	z-index:9;
}
#lt_more .lt_more_btn > * > *:before {
	top:0;
	transform:translate3d(-105%, 0, 0);
	transition:transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
#lt_more .lt_more_btn > * > *:after {
	bottom:0;
	transform:translate3d(105%, 0, 0);
	transition:transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
#lt_more .lt_more_btn > * > * > *:before,
#lt_more .lt_more_btn > * > * > *:after {
	content:'';
	position:absolute;
	top:0;
	width:1px;
	height:100%;
	background-color:#fff;
	z-index:9;
}
#lt_more .lt_more_btn > * > * > *:before {
	left:0;
	transform:translate3d(0, 105%, 0);
	transition:transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
#lt_more .lt_more_btn > * > * > *:after {
	right:0;
	transform:translate3d(0, -105%, 0);
	transition:transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}