@charset "utf-8";
/*갤러리형*/

/*
part patch_v1 = 15줄, 34줄
*/

/*공통*/
.best_gall_wgBox { padding:0 5px;  }
.best_gall_gallDiv{position:relative;}
.best_gall_gallULa{position:relative; margin:0; padding:0; list-style:none;}
.best_gall_gallULa:after{content:""; display:block; clear:both;}
.best_gall_gallULa li{position:relative; float:left; margin-left:15px; margin-bottom:25px; vertical-align:top;} /*갤러리 좌측,하단간격*/

@media all and (min-width: 1201px) {
	.best_gall_gallULa li { width: calc(25% - 12px); box-sizing: border-box; } 
	.best_gall_gallULa li:nth-child(4n + 1) {
		margin-left: 0;
	}
	.best_gall_gallULa li .thumb, .best_gall_gallULa li .thumb img{width:100% !important; height:auto !important;}
}

@media all and (max-width: 1200px) {
	.best_gall_gallULa li { width: calc(33.3333% - 10px); box-sizing: border-box; } 
	.best_gall_gallULa li:nth-child(3n + 1) {
		margin-left: 0;
	}
	.best_gall_gallULa li .thumb, .best_gall_gallULa li .thumb img{width:100% !important; height:auto !important;}
}

@media all and (max-width: 768px) {
	.best_gall_gallULa li { width: calc(33.3333% - 10px); box-sizing: border-box; } 
	.best_gall_gallULa li:nth-child(3n + 1) {
		margin-left: 0;
	}
	.best_gall_gallULa li .thumb, .best_gall_gallULa li .thumb img{width:100% !important; height:auto !important;}
}

@media all and (max-width: 480px) {
	.best_gall_gallULa li { width: calc(50% - 8px); box-sizing: border-box; } 
	.best_gall_gallULa li:nth-child(2n + 1) {
		margin-left: 0;
	}
	.best_gall_gallULa li:nth-child(4){ margin-left: 15px; }
}



.best_gall_gallULa li:first-child{margin-left:0;}

.best_gall_gallULa li p{margin:0; padding:0;}
.best_gall_gallULa li .thumb{
	/*이미지 영역*/
	position:relative; display:block; overflow:hidden; cursor:pointer;
	height:auto;  border-radius: 10px;
}
.best_gall_gallULa li .thumb img { border-radius: 10px; }

.best_gall_gallULa li .thumb:hover{}
.best_gall_gallULa li .thumb.noimg{background-color:#f0f0f0;}
.best_gall_gallULa li .thumb img{/* width:100%; */ transition:all .4s;}
.best_gall_gallULa li .thumb:hover img{transform:scale(1.06);}
.best_gall_gallULa li .thumb .fa-picture-o{position:absolute; top:50%; left:50%; transform:translateX(-50%); margin-top:-10px; font-size:30px; color:#ccc;} /*이미지 없음시 아이콘*/
.best_gall_gallULa li .comment{position:absolute; right:8px; bottom:8px; padding:5px 10px; background-color:rgba(0,0,0,0.3); font-weight:700; color:#fff; border-radius:15px; transition:all .4s;}
.best_gall_gallULa li .comment i{vertical-align:top; margin-top:1px; font-size:13px; color:#ccc;}
.best_gall_gallULa li .thumb:hover .comment{bottom:35px;}/* 오버 */
.best_gall_gallULa li .title{position:relative; width:100%; left:0; padding:0 0px; height:28px; line-height:28px; font-weight:600; visibility:hidden; transition:all .4s, visibility 0.2s; overflow:hidden; white-space: nowrap; }
.best_gall_gallULa li .thumb:hover .title{bottom:0; background-color:rgba(0,0,0,0.4); color:#fff; visibility:visible;} /* 오버 */
.best_gall_gallULa li .hot{position:absolute; top:8px; left:8px; padding:6px; background-color:#ff0000; color:#fff; border-radius:50%; z-index:3;}
.best_gall_gallULa li .title .new{vertical-align:middle;}
.best_gall_gallULa li .title .profile_img img{
	margin-top:-2px; width:17px; height:auto;
	border-radius:2px;
		-moz-border-radius:2px;
		-webkit-border-radius:2px;
}
.best_gall_gallULa li.empty_li{width:100%; height:200px; line-height:200px; background-color:#f0f0f0; text-align:center; border-radius:8px;}
.best_gall_gallULa.tapyes{padding-top:10px;} /*tap 있을때 상단간격*/

/*2타입*/
.best_gall_gallULa li.type2 .comment, .best_gall_gallULa li.type2 .thumb:hover .comment{bottom:auto;}
.best_gall_gallULa li.type2 .comment{top:10px;}
.best_gall_gallULa li.type2 .title, .best_gall_gallULa li.type2 .thumb:hover .title{bottom:0; visibility:visible; text-align: left;  margin-top: 5px; }

/*3타입*/
.best_gall_gallULa li.type3 .thumb{border-radius:50%;} /*이미지*/
.best_gall_gallULa li.type3 .comment{right:auto; left:50%; transform:translateX(-50%);}
.best_gall_gallULa li.type3 .thumb:hover .comment{bottom:55px;}
.best_gall_gallULa li.type3 .title{height:48px; line-height:48px; text-align:center;}
.best_gall_gallULa li.type3 .title .sv_member{color:#fff;} /* .sv_member 는 닉네임변수에 클래스 */


/* 날자 작성자 읽기 */
.best_gall_gallULa li.type2 .infor {  margin: 5px 0px 0px 0px; clear:both; width: 100%; display:inline-block;  }
.best_gall_gallULa li.type2 .infor .infor_name {  }
.best_gall_gallULa li.type2 .infor .infor_date {  float: right;  color: #777; }
.best_gall_gallULa li.type2 .infor .infor_hit {   float: right;  padding-left: 7px;  color: #777;}