/* .gallery_area{min-width:360px;} */

.gallery_wrap {
    text-align: left;
		margin-bottom:20px;
}

.gallery_inner {
    float: left;
    width: 32%;
    margin-right: 2%;
    margin-bottom: 20px;
		overflow:hidden;
}

.gallery_inner a {
    display: block;
    height: 350px;
    max-height: 350px;
    border: 1px solid #ccc;
    transition: 0.4s;
    overflow: hidden;
    border-radius: 10px;
}

.gallery_inner a:hover{
	border: 1px solid #3E6D9C;
}

.gallery_inner a:hover .photo_cont{
	color:#b2b0b0;
}



.gallery_inner a:hover .bext_p{
	color:#3E6D9C;
}

.galler_img {
    height: 220px;
    background-repeat: no-repeat;
    background: url(/images/noimg.png) no-repeat;
    background-size: cover;
    border-bottom: 1px solid #ccc;
		z-index:8888;
		position:relative;
}

.gallery_wrap .gallery_inner:last-of-type {
    margin-right: 0;
}

.gallery_txt {
		display:flex;
		flex-direction: column;
		justify-content: center;
    padding: 10px;
    min-height: 130px;
		max-height: 130px;
		z-index:9996;
		position:relative;
		background-color:white;
		justify-content: space-around;
}

.gallery_txt h3 {
    font-size: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.gallery_txt .bext_p,.best_txt {
    color: #bfbdbd;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    white-space: normal;
    color: #bfbdbd;
		font-size:14px;
		overflow:hidden;
}

.gallery_txt .bext_p{
	min-height:42px;
	max-height:42px;
}

.gallery_txt span {
    display: block;
    text-align: right;
    position: relative;
    top: 7px;
    color: #585858;
    font-size: 1.4rem;
}

/* .gallery_inner:hover .galler_img{
  transform: scale(1.1);
  transition: 1s;
}
 */
 .award_cat{min-width:10%; position:relative;}
 .best_area .best_tit .award_name{width:87%; margin-left:3%; position:relative;}

.gallery_txt .abelong_p{
	font-size:16px;
	color:black;
	width:100%;
}
.gallery_txt .aname_p{
font-size:20px; 
color:black;
text-overflow: ellipsis;
white-space: nowrap;
word-wrap: normal;
overflow: hidden;
width:100%;
}

.gal_classifi{
	display:flex;
}

.gal_idx01{
	min-width:55px;
	height:25px;
	color:white;
	background-color:#0081C9;
	text-align: center;
  line-height: 25px;
  margin-right: 5px;
	border-radius: 5px;
	font-size:12px;
}

.gal_idx02{
	min-width:55px;
	height:25px;
	color:white;
	background-color:#fa3c4c;
	text-align: center;
  line-height: 25px;
  margin-right: 5px;
	border-radius: 5px;
	font-size:12px;
}

@media screen and (max-width: 767px){
	.gallery_inner {
		width: 100%;
		margin-right: 0;
		float: none;
		margin-bottom: 20px;
	}

}
.gallery_inner2 a {
    display: block;
    height: 300px;
    max-height: 350px;
    border: 1px solid #ccc;
    transition: 0.3s;
    overflow: hidden;
    border-radius: 10px;
}

.gallery_inner2{
		float: left;
    width: 23%;
    margin-right: 2%;
		overflow:hidden;
}

.gallery_wrap .gallery_inner2:last-of-type {
    margin-right: 0;
}

.gallery_inner2 .gallery_txt{
	min-height:80px;
}

.webzine_area .gallery_txt{
	height:60px;
	min-height:60px;
}

.webzine_area .gallery_txt h3{overflow:visible}

.webzine_area .gallery_inner2 a{height:290px;}


.photo_cont{
		display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    white-space: normal;
    overflow: hidden;
    color: #bfbdbd;;
}

.byglawrap{margin-bottom:0;}


@media screen and (max-width:800px){
	.webzine_area .gallery .clear_fix:after{
		display:block;
	} 
	.gallery_inner2 {
			width: 48%;
			margin:10px 1%;
	}
}

@media screen and (max-width:600px){
.webzine_area .gallery_inner2{width:100%; margin:0; margin-bottom:10px;}
.webzine_area .gallery .clear_fix:after{
	display:block;
} 
	.galler_img{
		background-size: contain;
    background-position-x: 50%;
	}
}

.gallery_inner > a:focus{
	border:2px solid black;
}