@import url("/css/photoswipe.css");
@import url("/css/photoviewer.css");
@import url('/jquery/plugin/swiper/css/swiper.min.css');
@import url("content.css");

/* 포토뉴스 (포토+기사제목) */
.photolist { overflow:hidden; zoom:1; padding:20px; display:flex; flex-wrap:wrap; justify-content:space-between }
.photolist li {width:49%; box-sizing:border-box; padding-bottom:10px;}
.photolist li a {
	width:100%; height:0; padding-top:59%; display:block; font-size:100%; box-sizing:border-box; position:relative; overflow:hidden;
}
.photolist li a img { width: 100%; min-height: 100%; height: auto; position: absolute; top:0; left:0;  }
.photolist li a p {
		width: 100%; height: 35%; position: absolute; bottom: 0; left: 0; display: block; 
	letter-spacing: -1px;
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 1%, rgba(0,0,0,0.45) 31%, rgba(0,0,0,0.75) 67%, rgba(0,0,0,0.78) 78%, rgba(0,0,0,0.85) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.45) 31%,rgba(0,0,0,0.75) 67%,rgba(0,0,0,0.78) 78%,rgba(0,0,0,0.85) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.45) 31%,rgba(0,0,0,0.75) 67%,rgba(0,0,0,0.78) 78%,rgba(0,0,0,0.85) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#d9000000',GradientType=0 ); /* IE6-9 */
}
.photolist li a p em { font-size: 80%; color: #ffcc00; position: absolute; bottom: 75%; left: 0; padding-left: 5%; font-weight: bold; }
.photolist li a p strong { 
	width:100%; display: block; box-sizing: border-box; padding: 5% 15% 0 6%; word-break: keep-all; color: #fff; 
	position:absolute; bottom:15%; left:0; box-sizing:border-box;
}
.photolist li a p strong:before { 
	content:""; width: 10%; max-width:25px; height: 20px; display: block; 
	position: absolute; bottom: 6%; right: 5%; 
	background: url("https://img.nocutnews.co.kr/mnocut/v3/common/ico_phSlide.gif") no-repeat right; 
	background-size: 100% auto;
}
@media all and (max-width:420px) {
	.photolist li { width: 100%; }
}