@charset "utf-8";

/* 갤러리형
---------------------------------------------------------------------------- */
.xet_widget_gallery_wrp {margin-bottom: 1.5rem;}
.xet_widget_gallery { 
	position:relative; 
	padding: 0;
	list-style: none;
	margin: 0px;
	color: #777;
}
.xet_widget_gallery li.grid_item {
	float: left;
	width: 20%;
	margin: 0 0 30px;
	padding: 0 15px;
}
.xet_widget_gallery li .thumbnail { 
	display:block; 
	position:relative; 
	overflow:hidden; 
}
.xet_widget_gallery li .thumbnail img { 
	vertical-align:top; 
	width: 100%;
}
.xet_widget_gallery li p { 
	margin: 5px 0 0;
	padding: 0; 
}
.xet_widget_gallery li .title_wrp,
.xet_widget_gallery li .content { 
	margin: 10px 0; 	
	font-size: 14px;
}
.xet_widget_gallery li .title_wrp .title { 
	font-size: 14px;
	font-weight: bold;
	color: #151515;
}

.xet_widget_gallery .author a,
.xet_widget_gallery .voted,
.xet_widget_gallery .readed,
.xet_widget_gallery .date,
.xet_widget_gallery .extravar,
.xet_widget_gallery .download a { 
	font-size: 12px;
	color: #777; 
}

/* cate */
.xet_widget_gallery .cate_wrp {
	margin-top: 15px;
	
}
.xet_widget_gallery .cate_wrp > span {
	margin-right: 3px;
	margin-bottom: 5px;
	display: inline-block;
}
.xet_widget_gallery .cate_wrp span a {
	text-transform: uppercase;
	font-size: 12px;
}

/* 어두운 바탕용
---------------------------------------------------------------------------- */
.xet_widget_wrp.black .xet_widget_gallery li .title_wrp .title { 
	color: #f1f1f1; 
}
.xet_widget_wrp.black .xet_widget_gallery li .content,
.xet_widget_wrp.black .xet_widget_gallery .cate_wrp,
.xet_widget_wrp.black .xet_widget_gallery .cate_wrp a {
	color: #9b9b9b;
}

/* 모바일 이하
---------------------------------------------------------------------------- */
@media (max-width: 991px) {		
	.xet_widget_gallery li.grid_item {
		width: 50%;
	}	
}

/* 모바일 이하
---------------------------------------------------------------------------- */
@media (max-width: 767px) {		
	.xet_widget_gallery li.grid_item {
		width: 100%;
		padding: 0;
	}	
}


/* eoshub */

.eh_com_recent_navi {
	position: absolute;
    display: flex;
    width: 100%;
    height: 26px;
    bottom: 0;
    text-align: center;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.eh_com_recent_navi_btn {
	padding: 2rem;
}

.eh_com_recent_navi_btn ion-icon {
	font-size: 1.2rem;
}