@charset "utf-8";

.photoGallery {
	margin:0px 0 20px;
}
.photoGallery.main {
	margin:20px 0 20px;
}
.photoGallery .articleTit {
	font-size:40px;
	color:rgba(51,51,51,1);
	border-bottom:1px solid rgba(218,218,218,.6);
	white-space: nowrap; overflow: hidden; text-overflow:ellipsis;
}

.photoGallery .articleTit .subDir {
	display:inline-block;
}

.photoGallery .articleTit span {
	font-size:20px;
	color:rgba(51,51,51,.6);
}

.photoGallery .articleTit2 {
	font-size:30px;
	font-family:"Oswald", "Noto Sans KR", serif;
	color:rgba(51,51,51,1);
	white-space: nowrap; overflow: hidden; text-overflow:ellipsis;
	margin:10px 0;
}

.photoGallery .articleTit2 span {
	font-size:16px;
	color:rgba(51,51,51,.6);
}

.galleryLink  {text-align:center;margin-bottom:30px;}
.galleryLink a {  
	color: rgba(230,200,160,1);
	background:rgba(45,20,15,1);
	display: inline-block; *display: inline; *zoom: 1; 
	width: auto; 
	line-height: 40px; 
	text-align: center; 
	font-size: 16px; 
	letter-spacing:0; 
	position: relative; 
	padding: 0 20px 0 40px; 
	-webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px;
	webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; 
}
.galleryLink a:hover { color:rgba(45,20,15,1);background:rgba(230,200,160,1); }
.galleryLink a:after { position: absolute; top: 0; left: 15px; bottom: 0; display: block; font-size: 16px; font-family: 'themify'; content: "\e739";   font-weight: normal; line-height: 40px;}

.galleryLink.addPhoto {margin-bottom:0px}
.galleryLink.addPhoto a {  
	line-height: 50px; 
	padding: 0 30px 0 50px; 
	-webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px;
}
.galleryLink.addPhoto a:hover { color:rgba(45,20,15,1);background:rgba(230,200,160,1);}
.galleryLink.addPhoto a:after {left: 25px; font-family: 'themify'; content: "\e61a";line-height: 50px;}

.photoGallery .nowPage,
.photoGallery .remainCount {display:none}

.galleryList {position:relative;margin:0px -2px 0px;overflow:hidden;}
.gallery_sizer {
	width:20%;
}
.gallery_col {
	position:relative;
	float:left;
	width:20%;
	padding:2px;
	overflow:hidden;
}
.gallery_col.blog_new {
	width:40%;
}
.gallery_col.is-loading {
  	background:#333 url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/82/loading.gif') no-repeat center center;
}


.gallery_col a {
	
	position:relative;
	overflow:hidden;
	display:block;
}
.gallery_col .gallery_img {
	position:relative;
	overflow:hidden;
}
.gallery_col .gallery_img img {
	display:block;
	width:100%;
	max-width:100%;
	transition:1.3s all;
	-webkit-transition: 1.3s all;
}
.gallery_col a:hover .gallery_img img {
	/*transform:scale(1.1); 
	-ms-transform:scale(1.1,1.1);
    -webkit-transform:scale(1.1,1.1);*/
}

.gallery_col:first-child .gallery_img img {
	height:350px;
}
.gallery_col .txtArea {
	position:absolute;
	display:block;
	z-index:20;
	left:0px;
	bottom:0px;
	text-align:left;
	width:100%;
	padding:15px 20px 15px;
	background:rgba(153,183,199,0);
}

.gallery_col .txtArea h3 {
	font-size:30px; 
	font-family:"Oswald", "Noto Sans KR", serif;
	font-weight:400;
	color:#fff;
	line-height:1.4;
	letter-spacing:-0.5px;
	white-space: nowrap; overflow: hidden; text-overflow:ellipsis;
	/*text-shadow: 0 0 2px rgba(0,0,0,0.3), 0 1px 1px rgba(0,0,0,0.3), 0 -1px 1px rgba(255,255,255,0.2);*/
}
.gallery_col .txtArea h4 {
	font-size:14px; 
	color:#fff;
	line-height:1.2;
	font-weight:normal;
	letter-spacing:-0.5px;
	white-space: nowrap; overflow: hidden; text-overflow:ellipsis;
	/*text-shadow: 0 0 2px rgba(0,0,0,0.3), 0 1px 1px rgba(0,0,0,0.3), 0 -1px 1px rgba(255,255,255,0.2);*/ 
}

.gallery_col .cover {
	position:absolute;
	left:0;right:0;top:0;bottom:0;
	width:100%;
	height:100%;
	display:block;
	z-index:10;
	background:rgba(51,51,51,.0);
	
	webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;
}

.gallery_col a:hover .cover {
	background:rgba(51,51,51,.6);
	
}

.gallery_col .more {
	width: 40px;
    height: 40px;
    background:rgba(64,64,64,.4);
	/*background:rgba(0,0,0,.3);*/
    position: absolute;
	text-indent:-9999px;
	top:0px;
	right:0px;
	z-index:100;
	webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; 
}
.gallery_col .more:before {
	content: '';
    position: absolute;
    background:#fff;
	height:25px;
    width: 1px;
    top: 8px;
    left: 20px;
}
.gallery_col .more:after {
	content: '';
    position: absolute;
    background:#fff;
	height:1px;
    width: 25px;
    top: 20px;
    left: 8px;
}

.gallery_col a:hover h3,
.gallery_col a:hover h4 {
	color:#fff !important;
}

@media (max-width: 1280px) {
	/*.gallery_col, .gallery_sizer {
		width:33.33333333%;
	}*/
}

@media (max-width: 1024px) {
	/*.gallery_col, .gallery_sizer {
		width:50%;
	}*/
	.gallery_col .txtArea {
		position:absolute;
	}
}
@media (max-width: 940px) {
	
}
@media (max-width: 768px) {
	.gallery_col,
	.gallery_sizer {
		width:33.33333% !important;
	}
}

@media (max-width: 640px) {
	
	.gallery_col, .gallery_sizer {
		width:50% !important;
	}
	.gallery_col .txtArea {
		padding:10px 10px;
	}
	.gallery_col .txtArea h3 {
		font-size:20px; 
	}
	.gallery_col .txtArea h4 {
		font-size:14px; 
	}
	
	.gallery_col .more {
		width: 30px;
		height: 30px;
	}
	.gallery_col  .more:before {
		height:20px;
		width: 1px;
		top: 5px;
		left: 15px;
	}
	.gallery_col  .more:after {
		width: 20px;
		top: 15px;
		left: 5px;
	}
}
@media (max-width: 400px) {
	
}
@media (max-width: 320px) {
	
}