@charset "UTF-8"; /* 리스트 스타일 (해상도 0px ~ 767px)*/
.grid_container {
  box-sizeing: border-box;
  width:100%;
  max-width:137rem;
  grid-template-columns:1fr 1fr 1fr 1fr;
  margin-top:2rem;
 /*border: 1px solid red;*/
  display: -webkit-grid;
  display: grid;
  grid-column-gap:4%;
  grid-row-gap:4rem;
  padding:0.3rem;
}

.grid_container .item {
  box-sizing: border-box;
/*  background-color:rgba(1,1,1,0.05);*/
  line-height:normal;
}
.grid_container .item .image_box{
    border:3px solid #dfdfdf;
	height:20rem;
	position:relative;
}
.grid_container .item .image_box img{
   	max-width:100%;
   	max-height:100%;

	position: absolute;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%); }  

.grid_container .item .caption_box{
	margin-top: 0.6rem;
	text-align: left;
}

@media all and (min-width:1008px) and (max-width:1169px) { /*Tablet*/
	.grid_container {
	  grid-template-columns:1fr 1fr 1fr;
	}
}

/*@media all and (min-width:768px) and (max-width:1007px) { */
@media all and (min-width:668px) and (max-width:1007px) { /*Mobile: horizontal view*/
	.grid_container {
	  grid-template-columns:1fr 1fr;
	}
}
@media (max-width: 667px) { /*mobile*/
	.grid_container {
	  grid-template-columns:1fr;
	}
}