/*=================================================
		홍보자료 리스트
=================================================*/
/*****#####===== 아이템 =====#####*****/
.item-wrap{
	position:relative;
	
	margin:0 0 10px;
	border:1px solid #cccccc;
	
	cursor:pointer;
	overflow:hidden;
}

/*****##### 비율 #####*****/
.item-wrap .ratio-publicity:before{
	padding-top:85%;
}

/*****##### 텍스트랩 #####*****/
.item-text-wrap{
	position:absolute;
	left:0;
	bottom:0;
	
	width:100%;
	height:85px;
	
	padding:0 30px;
	
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease-in-out;	
}

.item-wrap:hover .item-text-wrap{
	height:120px;
}

.item-text-wrap .item-padding{
	padding:30px 0;
}

/***** 타이틀 *****/
.item-text-wrap .item-title{
	position:relative;
}

.item-text-wrap .item-title span{
	position:absolute;
	top:50%;
	right:2px;
	
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);	
}

/***** 컨텐츠 *****/
.item-text-wrap .item-content p{
	margin:0;
}

/*****#####===== 미디어 쿼리 =====#####*****/
/***** lg *****/
@media (min-width: 992px) and (max-width: 1199px){ 

}

/***** md *****/
@media (min-width: 768px) and (max-width: 991px){ 
	 
}

/***** sm *****/
@media (min-width: 544px) and (max-width: 767px){

}

/***** xs *****/
@media (max-width: 543px){
	.srch-wrap{
		margin-bottom:10px;
	}
	
	.item-text-wrap{
		height:38px;
		padding:0 10px;
	}
	
	.item-wrap:hover .item-text-wrap{
		height:106px;
	}
	
	.item-text-wrap .item-padding{
		padding:10px 0;
	}
}

/*=================================================
		홍보자료 뷰
=================================================*/
.view-table p{
	margin-bottom:0;
}