/* hong_view style */
.hong_view > .non_gtxt {
	border: unset;
	width: 100%;
}

.hong_view > .non_gtxt > a {
	min-width:unset;
	width: 96%;
}

.hong_view > figure {
	width: 100%;
	/* border: 1px solid #eaeaea; */
	margin: 13px 0 30px;
	padding-bottom: 25px;
	border-bottom: 1px solid #eaeaea;
}

.hong_view > figure > a {
	float: left;
	width: 100%;
	float: unset;
	width: 37%;
	margin: 3px 12px 20px 0px;
}

.hong_view > figure > .g_txt {
	margin-bottom: 5px;
	min-height: 164px;
	width: 100%;
	/* width: calc(100% - 37% - 45px); */
	padding: 0px 20px 20px 0;
	font-size: 14.5px;
	line-height: 1.68;
	border-radius: 5px;
	font-family: 'Open Sans','Noto Serif Hebrew','GentiumAlt',Arial,sans-serif;
	box-sizing: border-box;
}


/* 반응형으로 만들기 */
/* 모바일 가로 (해상도 420px) 412보다 큰 경우*/
@media all and (min-width:400px) {

	.hong_view > figure {
		margin: 13px 0 14px;
	}

	.hong_view > figure > a {
		display: block;
		float: left;
		width: 43%;
		min-width: 160px;
		margin: 3px 12px 10px 0px;
	}

	.hong_view > figure > .g_txt {
		padding: 0px 4px 0 0;
	}

	.hong_view > .non_gtxt {
		border: unset;
		float: left;
		width: 49%;
		width: calc(100% - 50% - 6px);
		max-width: 344px;
		margin: 13px 6px 0 0;
	}
}

@media all and (min-width:460px) {
	.hong_view > figure > a {
		display: block;
		float: left;
		width: 37%;
		min-width: 185px;
		margin: 3px 15px 10px 0px;
	}
}

/* 모바일 가로 (해상도 480px) 480보다 큰 경우*/
@media all and (min-width:480px) {
	.hong_view > figure > a {
		display: block;
		float: left;
		width: 40%;
		min-width: 250px;
	}

	.hong_view > figure > .g_txt {
		padding: 2px 5px 0 0;
	}

	.hong_view > .non_gtxt {
		border: unset;
		float: left;
		width: 49%;
		width: calc(100% - 50% - 6px);
		margin: 3px 6px 0 0;
	}
}

/* 모바일 가로 (해상도 576px) 576보다 크고 767까지 */
@media (min-width: 576px) and (max-width: 767px) {


	.hong_view > figure > .g_txt {
		padding: 2px 5px 0 0;
	}
}

/* 모바일 가로 (해상도 768px) 768보다 큰 경우*/
@media all and (min-width:768px)  {

	.hong_view > figure {
		margin: 13px 0 30px;
	}

	.hong_view > figure > a {
		width: 37%;
		max-width: 330px;
		margin: 3px 25px 20px 0px;
	}

	.hong_view > figure > .g_txt {
		padding: 2px 15px 20px 0;
	}
}

@media (max-width: 400px) {
	.hong_view > figure > .g_txt {
		margin-top:20px;
		padding-bottom: 0px;
	}
}