@charset "utf-8";

/* 갤러리형
---------------------------------------------------------------------------- */
.xet_widget_gallery_wrp {}
.xet_widget_gallery { 
	position:relative; 
	padding: 0;
	list-style: none;
}
.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; 
	margin: 0 auto;
	width: 100%;
	border: 1px solid var(--color-gray-800);
}
.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;
	text-align: center;
}
.xet_widget_gallery li .title_wrp .title { 
	font-size: 16px;
	font-weight: 500;
	color: var(--color-gray-400);
}

.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;
	}	
}

.eh_gallery_box {
	position: relative;
	display: flex;
	width: 100%;
}

.eh_gallery_no {
	font-size: 11em;
    font-weight: bold;
    letter-spacing: -5vmin;
    left: 0;
    -webkit-text-stroke: 0.2vmin var(--color-gray-500);
    text-shadow: 1vmin 0 4vmin var(--color-black);
    transform: translate(0%, -27%);
    position: relative;
    display: block;
    width: 80px;
}