@charset "utf-8";

.wall-item {
  display: block;
  margin: 0 0 10px 0;
  /*padding: 12px;*/
  /*padding-bottom: 5px;*/
  background: white;
  /*border-radius: 3px;*/
  transition: all 220ms;
  position:relative;
}

.wall_abs_div {position:absolute;width:100%;height:100%;background:url('../theme/basic/img/hover_img.png') no-repeat center center;background-size:cover;top:0;left:0;opacity:0;}
.wall-item:hover .wall_abs_div{
	opacity:1;
  /*box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.1);
  transform: translateY(-5px);*/
  
  transition: all 220ms;
}

.wall-item > img {
  display: block;
  width: 100%;
  margin: 0 0 24px 0;
}

.wall-item h2 {
  text-align: center;
  font-size: 14px;
  text-transform: uppercase;
  margin: 12px 0 0 0;
}

.wall {
  display: block;
  position: relative;
  overflow:hidden;
}

.wall-column {
  display: block;
  position: relative;
  width: 25%;
  float: left;
  padding: 0 5px;
  box-sizing: border-box;
}

#portfolio_area a {display:block;box-sizing:border-box;border:1px solid #dfdfdf;padding:15px 10px;}
#portfolio_area .event_txt_wrap {box-sizing:border-box;padding:10px;}
#portfolio_area .event_tit {font-size:19px;color:#222;text-align:left;}
#portfolio_area .event_desc {font-family:"Malgun Gothic", sans-serif;font-size:15px;line-height:23px;color:#666;text-align:left;margin:15px 0;}
#portfolio_area .event_more {font-family:"Malgun Gothic", sans-serif;font-size:13px;line-height:15px;text-align:left;}
#portfolio_area .event_more span {display:inline-block;color:#666;border:1px solid #dfdfdf;border-radius:5px;padding:5px 10px;transition:all 0.3s;}
#portfolio_area a:hover .event_more span {background:#EB6D1E;color:#fff;border-color:#EB6D1E;}

@media screen and (min-width:1100px) {
	.wall-column { width: 25%; }
}
@media screen and (max-width:1100px) {
	.wall-column { width: 33.33%; }
}
@media (max-width: 640px) {

	.wall-column { width: 100%; }
}
@media (max-width: 480px) {

	.wall-column {
	  width: auto;
	  float: none;
	}
}