@charset "utf-8";

@import url("common.css");

#main-contents .announcer .common-block-inner {
	padding:45px 40px 25px;
}

#galleryWrap .block {
	position:relative;
	float:left;
	width:168px;
	padding-top:168px;
	margin:0 20px 20px 0;
	border-radius: 4px;
  overflow: hidden;
}
#galleryWrap .block:nth-child(5n) {
	margin-right:0;
}
#galleryWrap .block a {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	line-height:1.5em;
	background:rgba(0,0,0,0.4);
	color:#fff;
	font-size:93.8%;
	text-align:center;
	opacity:0;
}
#galleryWrap .block a span {
	display:block;
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	width:100%;
	padding:0 10px;
}
	
#galleryWrap .block a:hover {
	opacity:1;
}
.new {
	position:absolute;
	top:0;
	left:0;
	width: 0;
	height: 0;
	border-right: 60px solid transparent;
	border-top: 60px solid #d70c19;
}
.new span {
	display:block;
	position:absolute;
	top:-45px;
	left:5px;
	color:#fff;
	font-weight:bold;
	font-size:13px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
}
.modaal-gallery-label {
    display: block;
}

@media (max-width: 812px) {
#main-contents .announcer .common-block-inner {
	padding:10% 5%;
}
#galleryWrap .block,
#galleryWrap .block:nth-child(5n) {
	width:48.5%;
	height:auto;
	margin:0 3% 3% 0;
	padding-top:48.5%;
}
#galleryWrap .block:nth-child(2n) {
	margin-right:0;
}
#galleryWrap .block a {
}

}

@media (max-width: 540px) {
.new {
	border-right: 50px solid transparent;
	border-top: 50px solid #d70c19;
}
.new span {
	display:block;
	position:absolute;
	top:-38px;
	left:5px;
	color:#fff;
	font-weight:bold;
	font-size:10px;
	transform: rotate(-45deg);
}
}