@charset "utf-8";

.photo-grid{
	overflow:hidden;
}
.photo-grid .grid-items {
	margin: 0 auto;
	overflow: hidden;
	text-align: center;
	position:relative;
	font-size:0;
}
.photo-grid .grid-left {
	text-align: left;
}

.photo-grid .item {
	background: rgb(255, 255, 255) none repeat scroll 0 0;
	display: inline-block;
	vertical-align: top;
	position:relative;
	overflow:hidden;
}
.photo-grid .item a {
	position:relative;
}
.photo-grid .item img {
	position:relative;
	width: auto;
    height: auto;
	
    display: block;
}

.photo-grid .no-photo-found {
	background: #fff none repeat scroll 0 0;
	color: #666;
	text-align: center;
}


.photo-grid .grid-nav-top {
	text-align: center;
}

.photo-grid .grid-nav-top .nav-filter {
	text-align: center;
	padding: 20px 0;
}
.photo-grid .grid-nav-top .nav-filter .filter {
	background: rgba(220, 220, 220, 0.3) none repeat scroll 0 0;
	color: rgb(255, 255, 255);
	cursor: pointer;
	display: inline-block;
	margin: 0;
	padding: 0 10px;
}

.photo-grid .grid-nav-top .nav-filter .filter.active {
	
}

.photo-grid .pagination {
	clear: both !important;
	line-height: normal;
	margin: 10px 0;
	text-align: center;
	position:relative;
}
.photo-grid .pagination .pager-list {
	position:relative;
}
.photo-grid .pagination .current, .photo-grid .pagination .pager.active {
	opacity: 1;
}
.photo-grid .pagination .page-numbers, .photo-grid .pagination .pager{
	cursor: pointer;
	display: inline-block;
	position:relative;
	margin: 5px 5px;
	width:30px;
	height:30px;
	line-height:30px;
	padding: 0px 0px;
	text-align:center;
	text-decoration: none;
	color: rgb(255, 255, 255);
	font-size: 15px;
	font-weight:500;
    color: #999999;
    background: none;
	-webkit-border-radius: 30px; 
	   -moz-border-radius: 30px; 
			border-radius: 30px; 
}
.photo-grid .pagination .page-numbers:hover, .photo-grid .pagination .pager:hover{
	/*opacity: 0.6;*/
}

.photo-grid .pagination .prev {}
.photo-grid .pagination .next {}

.photo-grid .pagination .page-number:hover {
	background:#fff;
}

.photo-grid .pagination .page-first:hover, 
.photo-grid .pagination .page-last:hover {background:none;}
.photo-grid .pagination .page-first:after {content:'...'; display: inline-block; margin-left:5px; letter-spacing:0.1em;}
.photo-grid .pagination .page-last:before {content:'...'; display: inline-block; margin-right:5px; letter-spacing:0.1em;}

.photo-grid .pagination .pager.page-prev:after {
	position:relative;
	top:3px;
	content:'';
	font-family: 'themify'; content: "\e65e";
	font-size:20px;
    color: rgba(153,153,153,.4);
}
.photo-grid .pagination .pager.page-next:after {
	position:relative;
	top:3px;
	content:'';
	font-family: 'themify'; content: "\e65d";
	font-size:20px;
	line-height:30px;
    color: rgba(153,153,153,.4);
}
.photo-grid .pagination .pager.page-prev:hover:after,
.photo-grid .pagination .pager.page-next:hover:after {
	color:rgba(153,153,153,1);
	color:rgba(160,120,80,1);
}

.photo-grid .pagination .pager.page-prev,
.photo-grid .pagination .pager.page-next {background:none;}
.photo-grid .pagination .pager.page-prev span,
.photo-grid .pagination .pager.page-next span {font-size:0;}

.photo-grid .pager.page-number.active {
	color:#de7a01;
	color:#fff;
	background:rgba(190,190,190,1);
	background:rgba(160,120,80,1);
	font-weight:600;
}


#photo-grid {
	padding: 0px;
    background: url() repeat scroll 0 0;
}
#photo-grid .nav-filter .filter {
	font-size:15px;		
	color:rgba(153,153,153,1);	
	background:none;
	font-weight:400;
	padding:0 15px 0px;
	margin: 0 0px 0px 0;
	line-height:30px;
	word-break:break-word;
	font-family: "Raleway","Noto Sans KR", serif;
	-webkit-border-radius: 30px; 
	   -moz-border-radius: 30px; 
			border-radius: 30px;
	-webkit-transition: all 0.3s ease;
	   -moz-transition: all 0.3s ease;
		 -o-transition: all 0.3s ease;
			transition: all 0.3s ease;
}

#photo-grid .nav-filter .filter:hover {
	background:rgba(243,234,213,1);
	background:rgba(255,255,255,1);
}

#photo-grid .nav-filter .filter.active {
	background:rgba(153,153,153,1);
	color:#fff;
}
#photo-grid .nav-filter .filter-all {
    font-size: 26px;
    font-weight: 500;
    vertical-align: top;
	background:none;
	-webkit-border-radius: none; 
	   -moz-border-radius: none; 
			border-radius: none;
}
#photo-grid .nav-filter .filter-all:hover {
	background:none;
	color:#000;
}
#photo-grid .nav-filter .filter-all.active {
	background:none;
	color:inherit;
}

#photo-grid .grid-items {
	margin: 20px -0.65% 30px;
	font-size: 0;
}
#photo-grid .item {
	width:23.7%;
	margin:0.65%;
	
}
#photo-grid.type3 .item {
	width:32.03333%;
}
#photo-grid.type5 .item {
	width:18.7%;
}
#photo-grid.type6 .item {
	width:15.36666%;
}
#photo-grid .grid-items .mix {
	display: none;
}

#photo-grid .item a {
	position:relative;
	display:block;
	width:100%;
	height:320px;
}
#photo-grid.type5 .item a {
	height:260px;
}
#photo-grid.type6 .item a {
	height:220px;
}
#photo-grid .item .img {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	overflow: hidden;
	/*border-radius: 10px;
	-webkit-border-radius:10px;*/
}
#photo-grid .item .img img {
	position:relative;
	top: 50%;
	left:50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	width:auto;height:100%;
	width:100%;height:auto;
	
	-webkit-transition: all 1.3s ease; -moz-transition: all 1.3s ease; -o-transition: all 1.3s ease; transition: all 1.3s ease;
}
#photo-grid .item .hoz img {
	width:auto;height:100%;
}
/*#photo-grid .item a:hover .img img{
	transform:scale(1.05,1.05) translate(-48%, -48%);;  
	-ms-transform:scale(1.05,1.05) translate(-48%, -48%);
	-moz-transform: scale(1.05,1.05) translate(-48%, -48%) rotate(0.02deg);
}*/

#photo-grid .item .tit {
	position:absolute;
	display:block;
	z-index:5;
	left:0px;
	bottom:0px;
	padding:10px 15px 10px;
	display:block;
	text-align:left;
	background-color:rgba(0,0,0,.6);
	bottom:-100%;	
	-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;
}
#photo-grid .item a:hover .tit {
	bottom:0px;
}
#photo-grid .item .tit {
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
	letter-spacing:0px;
	color: rgba(255,255,255,1);	
}
#photo-grid .item a .cover {
	position:absolute;
	left:0;right:0;top:0;bottom:0;
	width:100%;
	height:100%;
	display:block;
	z-index:10;
	background:rgba(0,0,0,.0);
	-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;
}
#photo-grid .item a .cover:after {
	position:absolute;
	top: 50%;
	left:50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	font-family: 'themify'; content: "\e611"; font-size: 26px; font-weight: normal;color:#fff;line-height:26px;
	display:inline-block;
	margin-top:5px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;
}
#photo-grid .item a:hover .cover {
	background:rgba(0,0,0,.3);
}

#photo-grid .item a:hover .cover:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}


@media screen and (max-width: 1440px) {
}
@media screen and (max-width: 1280px) {
	#photo-grid .item a {
		height:280px;
	}
	#photo-grid.type5 .item a {
		height:230px;
	}
	#photo-grid.type6 .item a {
		height:180px;
	}
	/*#photo-grid .item{width:50%}
	#photo-grid .item{width:32.05%}
	#photo-grid .item{height:auto;}
	#photo-grid .item{max-height:auto;}
	#photo-grid .item{height:auto;}*/
}
@media screen and (max-width: 1180px) {
	#photo-grid .item a {
		height:260px;
	}
	#photo-grid.type5 .item a {
		height:210px;
	}
	#photo-grid.type6 .item a {
		height:170px;
	}
}
@media screen and (max-width: 1024px) {
	#photo-grid .item a {
		height:220px;
	}
	#photo-grid.type5 .item a {
		height:180px;
	}
	#photo-grid.type6 .item a {
		height:150px;
	}
}
@media screen and (max-width: 980px) {
	
}

@media screen and (max-width: 768px) {
	#photo-grid .item {
		width:32.0333% !important;
	}
	#photo-grid .item a {
		height:220px !important;
	}
}

@media screen and (max-width: 640px) {
	#photo-grid .item {
		width:48.7% !important;
	}
	
}
@media screen and (max-width: 480px) {
	#photo-grid .item a {
		height:200px !important;
	}
	#photo-grid .nav-filter .filter {
		margin: 5px 0px;
	}
}
@media screen and (max-width: 414px) {
	#photo-grid .item a {
		height:180px !important;
	}
	
}

@media screen and (max-width: 375px) {
	#photo-grid .item a {
		height:160px !important;
	}
}

@media screen and (max-width: 320px) {
	#photo-grid .item a {
		height:140px !important;
	}
}