@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 .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;
	padding: 10px 0 20px;
	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:400;
    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;
	background:rgba(240,240,240,1);
}

.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);
}

.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:#fff;
	background:rgba(205,205,205,1);
	background:rgba(175,145,55,1);
}


.photo-grid {
	padding: 40px 0 0;
    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;
	-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: 0px -0.65% 30px;
	font-size: 0;
}
.photo-grid .item {
	width:23.7%;
	margin:0.65%;
	/*-webkit-border-radius: 10px 0 10px 10px; 
	   -moz-border-radius: 10px 0 10px 10px; 
			border-radius: 10px 0 10px 10px;*/
}
.photo-grid.type3 .item {
	width:32.03333%;
}
.photo-grid .grid-items .mix {
	display: none;
}
/*
.photo-grid .item a {
	position:relative;
}
.photo-grid .item img {
	position:relative;
	width: auto;
    height: auto;
	
    display: block;
}

.photo-grid .item a {
	position:relative;
	display:block;
	width:100%;
	height:320px;
}

.photo-grid .item .img {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	overflow: hidden;
}*/
.photo-grid .item a {
	/*display:block;*/
}

.photo-grid .item a:after {
	content:'';
	display:block;
    padding-bottom: 100%;
}
.photo-grid .item .img {
	position:absolute;
	display:block;
	left:0;
	top:0;
	bottom:0;
	right:0;
	background-position: center center;
	background-size: cover;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
 	-o-background-size: cover;
	backface-visibility: visible;
	-webkit-backface-visibility:visible;
    image-rendering: -webkit-optimize-contrast;
}

.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 .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;
	}*/
}
@media screen and (max-width: 1024px) {
	/*.photo-grid .item a {
		height:220px;
	}*/
}
@media screen and (max-width: 980px) {
	
}

@media screen and (max-width: 768px) {
	
	.photo-grid .item {
		width:32.0333%;
	}
}

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

@media screen and (max-width: 375px) {
	/*.photo-grid .item a {
		height:160px;
	}*/
}
@media screen and (max-width: 360px) {
	/*.photo-grid .item a {
		height:140px;
	}*/
}
@media screen and (max-width: 320px) {
	/*.photo-grid .item a {
		height:120px;
	}*/
}

:root {
    --gutter:1%;
	--gutter-minus:-1%;
}  

.galleryLayout {
	position:relative;
	overflow: hidden;
}

.gallery-item-hide {
	visibility:hidden;
}
.galleryList {
	position:relative;
	overflow: hidden;
	font-size:0;
	margin: 0px -1% 0px 0;
}
.grid-2per .galleryList {
	margin: 0px -2% 0px 0;
}

.grid-20 .galleryList {
	margin: 0px -20px 0px 0;
}
.grid-40 .galleryList {
	margin: 0px -40px 0px 0;
}
.grid-60 .galleryList {
	margin: 0px -60px 0px 0;
}
.grid-80 .galleryList {
	margin: 0px -80px 0px 0;
}
.galleryList:last-child {
    margin-bottom: 0;
}
.galleryList .gutter-sizer {
	width: 1%;
}
.grid-2per .galleryList .gutter-sizer {
	width: 2%;
}

.grid-20 .galleryList .gutter-sizer {
	width: 20px;
}
.grid-40 .galleryList .gutter-sizer {
	width: 40px;
}
.grid-60 .galleryList .gutter-sizer {
	width: 60px;
}
.grid-80 .galleryList .gutter-sizer {
	width: 80px;
}
.galleryList .item {
	position:relative;
	float: left;
	display: inline-block;
	vertical-align:top;	
	overflow:hidden;
	width:calc(33.333333% - 1%);
	margin:0 0 1% 0;
	
	/*visibility:hidden;*/
}
.round .item {
	-webkit-border-radius:10px 10px 10px 10px; 
		-moz-border-radius:10px 10px 10px 10px; 
			border-radius:10px 10px 10px 10px;
}
.no-round .item {
	-webkit-border-radius:0px 0px 0px 0px; 
		-moz-border-radius:0px 0px 0px 0px; 
			border-radius:0px 0px 0px 0px; 
}
.galleryList .item,
.galleryList .col-sizer {
	width:calc(33.33333% - 1%);
}
.gallery-type1 .item,
.gallery-type1 .col-sizer {
	width:calc(100% - 1%);
}
.gallery-type1 .item {
	margin:0 0 20px 0;
}

.gallery-type2 .item,
.gallery-type2 .col-sizer {
	width:calc(50% - 1%);
}
.gallery-type3 .item,
.gallery-type3 .col-sizer {
	width:calc(33.33333% - 1%);
}
.gallery-type4 .item,
.gallery-type4 .col-sizer {
	width:calc(25% - 1%);
}
.gallery-type5 .item,
.gallery-type5 .col-sizer {
	width:calc(20% - 1%);
}

/* mixitup */
.galleryLayout .photo-grid {
	padding:0;
}
.galleryLayout .photo-grid .grid-items {
	margin: 0px -1% 30px;
}
.galleryLayout .photo-grid .item {
	width:31.333333%;
	margin:1%;
	/*-webkit-border-radius: 10px 0 10px 10px; 
	   -moz-border-radius: 10px 0 10px 10px; 
			border-radius: 10px 0 10px 10px;*/
}
.galleryLayout .photo-grid .item a:after {
	padding-bottom: 64%;
}
.galleryLayout .photo-grid .item .img img {
	display:none;
}

@media screen and (max-width: 768px) {
	.galleryLayout .photo-grid .item {
		width:48%;
	}
	
}
@media screen and (max-width: 480px) {
	.galleryLayout .photo-grid {
		padding: 0px 0 0;
	}
	.galleryLayout .photo-grid .item {
		width:98%;
		margin:1% 1% 3%;
	}
}

.grid-2per .galleryList .item {
	width:calc(33.333333% - 2%);
	margin:0 0 2% 0;
}
.grid-2per .galleryList .item,
.grid-2per .galleryList .col-sizer {
	width:calc(33.33333% - 2%);
}
.grid-2per .gallery-type1 .item,
.grid-2per .gallery-type1 .col-sizer {
	width:calc(100% - 2%);
}
.grid-2per .gallery-type1 .item {
	margin:0 0 40px 0;
}

.grid-2per .gallery-type2 .item,
.grid-2per .gallery-type2 .col-sizer {
	width:calc(50% - 2%);
}
.grid-2per .gallery-type3 .item,
.grid-2per .gallery-type3 .col-sizer {
	width:calc(33.33333% - 2%);
}
.grid-2per .gallery-type4 .item,
.grid-2per .gallery-type4 .col-sizer {
	width:calc(25% - 2%);
}
.grid-2per .gallery-type5 .item,
.grid-2per .gallery-type5 .col-sizer {
	width:calc(20% - 2%);
}

.grid-20 .galleryList .item {
	width:calc(33.333333% - 20px);
	margin:0 0 20px 0;
}
.grid-20 .galleryList .item,
.grid-20 .galleryList .col-sizer {
	width:calc(33.33333% - 20px);
}
.grid-20 .gallery-type1 .item,
.grid-20 .gallery-type1 .col-sizer {
	width:calc(100% - 20px);
}

.grid-20 .gallery-type2 .item,
.grid-20 .gallery-type2 .col-sizer {
	width:calc(50% - 20px);
}
.grid-20 .gallery-type3 .item,
.grid-20 .gallery-type3 .col-sizer {
	width:calc(33.33333% - 20px);
}
.grid-20 .gallery-type4 .item,
.grid-20 .gallery-type4 .col-sizer {
	width:calc(25% - 20px);
}
.grid-20 .gallery-type5 .item,
.grid-20 .gallery-type5 .col-sizer {
	width:calc(20% - 20px);
}

.grid-40 .galleryList .item {
	width:calc(33.333333% - 40px);
	margin-bottom:40px;
}
.grid-40 .galleryList .item,
.grid-40 .galleryList .col-sizer {
	width:calc(33.33333% - 40px);
}
.grid-40 .gallery-type1 .item,
.grid-40 .gallery-type1 .col-sizer {
	width:calc(100% - 40px);
}

.grid-40 .gallery-type2 .item,
.grid-40 .gallery-type2 .col-sizer {
	width:calc(50% - 40px);
}
.grid-40 .gallery-type3 .item,
.grid-40 .gallery-type3 .col-sizer {
	width:calc(33.33333% - 40px);
}
.grid-40 .gallery-type4 .item,
.grid-40 .gallery-type4 .col-sizer {
	width:calc(25% - 40px);
}
.grid-40 .gallery-type5 .item,
.grid-40 .gallery-type5 .col-sizer {
	width:calc(20% - 40px);
}

.grid-60 .galleryList .item {
	width:calc(33.333333% - 60px);
	margin-bottom:60px;
}
.grid-60 .galleryList .item,
.grid-60 .galleryList .col-sizer {
	width:calc(33.33333% - 60px);
}
.grid-60 .gallery-type1 .item,
.grid-60 .gallery-type1 .col-sizer {
	width:calc(100% - 60px);
}

.grid-60 .gallery-type2 .item,
.grid-60 .gallery-type2 .col-sizer {
	width:calc(50% - 60px);
}
.grid-60 .gallery-type3 .item,
.grid-60 .gallery-type3 .col-sizer {
	width:calc(33.33333% - 60px);
}
.grid-60 .gallery-type4 .item,
.grid-60 .gallery-type4 .col-sizer {
	width:calc(25% - 60px);
}
.grid-60 .gallery-type5 .item,
.grid-60 .gallery-type5 .col-sizer {
	width:calc(20% - 60px);
}

.grid-80 .galleryList .item {
	width:calc(33.333333% - 80px);
	margin-bottom:80px;
}
.grid-80 .galleryList .item,
.grid-80 .galleryList .col-sizer {
	width:calc(33.33333% - 80px);
}
.grid-80 .gallery-type1 .item,
.grid-80 .gallery-type1 .col-sizer {
	width:calc(100% - 80px);
}

.grid-80 .gallery-type2 .item,
.grid-80 .gallery-type2 .col-sizer {
	width:calc(50% - 80px);
}
.grid-80 .gallery-type3 .item,
.grid-80 .gallery-type3 .col-sizer {
	width:calc(33.33333% - 80px);
}
.grid-80 .gallery-type4 .item,
.grid-80 .gallery-type4 .col-sizer {
	width:calc(25% - 80px);
}
.grid-80 .gallery-type5 .item,
.grid-80 .gallery-type5 .col-sizer {
	width:calc(20% - 80px);
}

.galleryList .item .thumb {
	display:inline-block;
    position: relative;
    width: 100%;
    vertical-align: middle;
    box-sizing: border-box;
	font-size:0;
}

.galleryList .item .thumb:hover .cover{
	opacity:1;
}


.galleryList .item .galleryImg {
	position: relative;
    overflow: hidden;
	background:rgba(247,247,247,1);
}

.galleryList .item .galleryImg img {
	display:block;
	width:100%;
	height:auto;
	opacity:0;
	-webkit-transition: all 0.3s ease; 
	   -moz-transition: all 0.3s ease; 
	     -o-transition: all 0.3s ease; 
	        transition: all 0.3s ease;
}

.galleryList .item .galleryImg.installed img{
	opacity:1;
}

/* 정사각형 */
.gallery-square .item .thumb:after {
	content:'';
	display:block;
    padding-bottom: 100%;
}
.ratio-3x4 .item .thumb:after {
	padding-bottom: 133.33333333333%;
}
.ratio-up-down .item-2 {
	margin-top:6%;
}
.ratio-up-down .item-3 {
	margin-top:2%;
}
.ratio-up-down .item-4 {
	margin-top:4%;
}
.gallery-square .item .galleryImg {
	position:absolute;
	display:block;
	left:0;
	top:0;
	bottom:0;
	right:0;
}

.gallery-square .item .galleryImg 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;
}
.gallery-square .item .hoz img {
	width:auto;height:100%;
	max-width:inherit !important;
}

/* 정사각형 */

/* 블록 스케일 */

.scale-2X2, .scale-2X1 {
	/*width:100%;*/
	width:calc(100% - 1%);
}
.gallery-type2 .scale-2X2, 
.gallery-type2 .scale-2X1 {
    /*width:calc(100% - var(--gutter));*/
	width:calc(100% - 1%);
}

.gallery-type3 .scale-2X2, 
.gallery-type3 .scale-2X1 {
    /*width:calc(66.66666% - var(--gutter));*/
	width:calc(66.66666% - 1%);
}

.gallery-type4 .scale-2X2, 
.gallery-type4 .scale-2X1 {
	/*width:calc(50% - var(--gutter));*/
	width:calc(50% - 1%);
}

.gallery-type5 .scale-2X2, 
.gallery-type5 .scale-2X1 {
    /*width:calc(40% - var(--gutter));*/
	width:calc(40% - 1%);
}

.gallery-square .scale-2X1 .thumb:after {
    padding-bottom: calc(50% - 1%);
}
.gallery-square .scale-2X1 .galleryImg img {
	width:100%;height:auto;
}
.scale-1X2 .thumb:after {
    padding-bottom: calc(200%);
}
.scale-1X2 .galleryImg img {
	width:auto;height:100%;
}


.grid-2per .scale-2X2, 
.grid-2per .scale-2X1 {
	/*width:100%;*/
	width:calc(100% - 2%);
}
.grid-2per .gallery-type2 .scale-2X2, 
.grid-2per .gallery-type2 .scale-2X1 {
    /*width:calc(100% - var(--gutter));*/
	width:calc(100% - 2%);
}

.grid-2per .gallery-type3 .scale-2X2, 
.grid-2per .gallery-type3 .scale-2X1 {
    /*width:calc(66.66666% - var(--gutter));*/
	width:calc(66.66666% - 2%);
}

.grid-2per .gallery-type4 .scale-2X2, 
.grid-2per .gallery-type4 .scale-2X1 {
	/*width:calc(50% - var(--gutter));*/
	width:calc(50% - 2%);
}

.grid-2per .gallery-type5 .scale-2X2, 
.grid-2per .gallery-type5 .scale-2X1 {
    /*width:calc(40% - var(--gutter));*/
	width:calc(40% - 2%);
}

.grid-2per .gallery-square .scale-2X1 .thumb:after {
    padding-bottom: calc(50% - 2%);
}

/* 블록 스케일 */

.galleryList .item .view {
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0;
	color: #fff;
	z-index: 1;
	top: 0;
	left: 0;
	transition: 0.2s all cubic-bezier(0.07, 0.74, 0.58, 1);
}

.galleryList .item .view-text {
	color: #fff;
	position: absolute;
	top: 22px;
	left: 25px;
	font-size: 18px;
	z-index: 1;
}

.galleryList .item .view-bg {
	background:rgba(175,145,55,1);
	opacity: 0.85;
	width: 100%;
	height: 100%;
}
.galleryList .item .thumb:hover .view {
	opacity: 1;
}

/*
.galleryList .item .cover {
	position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
	padding: 17px 20px;
	height:100%;
    -webkit-transition: all 0.3s ease; 
	   -moz-transition: all 0.3s ease; 
	     -o-transition: all 0.3s ease; 
	        transition: all 0.3s ease;
}

.galleryList .item .cover:before {
	content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background: rgba(0,0,0,.9);
}

.galleryList .item .cover.plus:before {
    background: rgba(0,0,0,.5);
}*/
.galleryList .item .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;
}
.galleryList .item .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;
}
.galleryList .item .thumb:hover .cover{
	background:rgba(0,0,0,.3);
}
.galleryList .item .thumb:hover .cover:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}


.galleryList .item .text-cover {
	position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
	height:100%;
	width:100%;
	z-index: 1;
    background: rgba(0,0,0,.35);
    -webkit-transition: all 0.3s ease; 
	   -moz-transition: all 0.3s ease; 
	     -o-transition: all 0.3s ease; 
	        transition: all 0.3s ease;
}

.galleryList .item .thumb:hover .text-cover{
	background: rgba(0,0,0,.55);
}

.galleryList .item .thumb:hover .galleryImg 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);*/
}

.galleryList .item .text-box {
	position: absolute;
	/*top: 50%;
	transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);*/
	left:0;
	bottom:0;
	width: 100%;
	text-align: left;
	word-break: keep-all;
	z-index:2;
	color:#fff;
	padding:30px;
	font-size:16px;
	-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;
}
.galleryList .scale-2X2 .text-box {
	top: 50%;
	transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
	bottom:auto;
	text-align:center;
	font-size:18px;
}

.galleryList .item .text-box .sub-tit { 
	font-size: 1.125em;
	font-size: 1.063em;
	font-weight:500;
	line-height:100%;
}
.galleryList .item .text-box .tit { 
	font-size: 1.875em; 
	font-size: 1.625em;
	font-weight:500;
	font-family:"Bodoni Moda","Noto Serif KR",serif;
	letter-spacing:0px;
	font-style:italic;
	line-height:110%;
	margin-top:8px;
	/*text-transform:uppercase;	*/
}
.galleryList .scale-2X2 .text-box .tit { 
	font-size: 1.875em; 
}
.galleryList .item .text-box .desc {
	position:relative;
	font-size:1.000em;
	font-size:0.875em;
	margin-top:30px;
	line-height:150%;
    overflow: hidden;
}
@media screen and (max-width: 1440px) {
	.galleryList .item .text-box {
		font-size:15px;
		padding:20px;
	}
}
@media screen and (max-width: 768px) {
	.galleryList .item .text-box {
		font-size:14px;
	}
	.galleryList .item .text-box .desc {
		display:none;
	}
}
@media screen and (max-width: 480px) {
	.galleryList .item {
		/*-webkit-border-radius:0px 0px 0px 0px; 
			-moz-border-radius:0px 0px 0px 0px; 
				border-radius:0px 0px 0px 0px;*/
	}
	.galleryList .item .text-box {
		font-size:13px;
	}
}


.galleryList .item .cover .title {
	position: relative;
	font-size: 18px;
    color:rgba(255,255,255,1);
    margin-bottom: 5px;
	z-index: 10;
	line-height:120%;
}
.galleryList .item .cover .imgNum {
	position: relative;
	font-size: 17px;
    color:rgba(120,120,120,1);
    line-height: 22px;
	z-index: 10;
}

.galleryList .zoomIcon {
	position:absolute;
    display: inline-block;
    border: none;
    background-color: rgba(0,0,0,.8);
    border-radius: 50%;
    width: 64px;
    height: 64px;
    overflow: hidden;
    z-index: 10;
    outline: none;
    padding: 0;
	top:50%;
	left:50%;
	-webkit-transform: translate(-50%,-50%);
	   -moz-transform: translate(-50%,-50%);
		 -o-transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);		
			transform: translate(-50%,-50%);
}
.galleryList .zoomIcon:before {
	content: "";
    display: block;
    position: absolute;
    border-radius: 50%;
    width: 17px;
    height: 17px;
    border: 2px solid #fff;
    top: 22px;
    left: 22px;
    
	-webkit-transition: background-color .3s;
	   -moz-transition: background-color .3s;
	     -o-transition: background-color .3s;
	        transition: background-color .3s;
	
}
.galleryList .zoomIcon:after {
	content: "";
    display: block;
    position: absolute;
    width: 12px;
    height: 2px;
    
    background-color: #fff;
    bottom: 24px;
    right: 18px;
    
	-webkit-transition: background-color .3s;
	   -moz-transition: background-color .3s;
	     -o-transition: background-color .3s;
	        transition: background-color .3s;
	
	-webkit-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	     -o-transform: rotate(45deg);
			transform: rotate(45deg);
}


@media screen and (max-width: 640px) {
	:root {
		--gutter:2%;
		--gutter-minus:-2%;
	} 
	.galleryList:not(.no-resize) {
		margin: 0px -2% 0px 0;
	}
	.galleryList:not(.no-resize) .gutter-sizer {
		width: 2%;
	}
	.galleryList:not(.no-resize) .item,
	.galleryList:not(.no-resize) .col-sizer {
		/*width:calc(50% - var(--gutter));*/
		width:calc(50% - 2%);
	}
	.galleryList:not(.no-resize) .item {
		margin:0 0 2% 0;
	}
	.galleryList:not(.no-resize):not(.m-no) .scale-2X2, 
	.galleryList:not(.no-resize):not(.m-no) .scale-2X1 {
		width:calc(100% - 2%);
	}
	.galleryList.m-1x2 .scale-2X2 {
		width:calc(100% - 2%);
	}
	.galleryList.m-1x2 .scale-2X1 {
		width:calc(50% - 2%);
	}
	
	.gallery-square .m-1x2 .scale-2X1 .thumb:after {
    	padding-bottom: calc(100% - 2%);
	}
	.gallery-square .m-1x2 .scale-2X1 .galleryImg img {
		width:auto;height:100%;
	}
	
	.gallery-type1 .item,
	.gallery-type1 .col-sizer {
		/*width: calc(100% - var(--gutter)) !important;*/
		width: calc(100% - 2%) !important;
	}
	
	.galleryList .item .cover .title {
		font-size: 16px;
	}
	.galleryList .item .cover .imgNum {
		font-size: 15px;
	}
	.galleryList .item.scale-m-hide .thumb {
		display:none;
	}
}

.