@charset "utf-8";

.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

.image-source-link {
	color: #98C3D1;
	font-size: 14px;
}

.latest_title {
	font-family:'Open Sans',Arial,Helvetica,sans-serif;
	font-weight:600;
	color:#414141;
	margin: 0 0 10px 0;
	line-height:1.5;
	-webkit-font-smoothing: antialiased;
	font-size: 24px;
	letter-spacing: normal;
}

/** Simple Gallery [CSS ONLY]
 **************************************************************** **/
.gallery-simple {  
    margin: 1rem 0;

    -webkit-column-gap: 1rem;
       -moz-column-gap: 1rem;
    		column-gap: 1rem;

    -webkit-column-count: 3; 
       -moz-column-count: 3;
    		column-count: 3;

    -webkit-column-width: 33.33333333333333%;
       -moz-column-width: 33.33333333333333%;
    		column-width: 33.33333333333333%;
}
	.gallery-simple.gallery-simple-columns-5 {
	    -webkit-column-count: 5; 
	       -moz-column-count: 5;
	    		column-count: 5;

	    -webkit-column-width: 20%;
	       -moz-column-width: 20%;
	    		column-width: 20%;
	}
	.gallery-simple.gallery-simple-columns-4 {
	    -webkit-column-count: 4; 
	       -moz-column-count: 4;
	    		column-count: 4;

	    -webkit-column-width: 25%;
	       -moz-column-width: 25%;
	    		column-width: 25%;
	}
	.gallery-simple.gallery-simple-columns-3 {
	    -webkit-column-count: 3; 
	       -moz-column-count: 3;
	    		column-count: 3;

	    -webkit-column-width: 33.33333333333333%;
	       -moz-column-width: 33.33333333333333%;
	    		column-width: 33.33333333333333%;
	}
	.gallery-simple.gallery-simple-columns-2 {
	    -webkit-column-count: 2; 
	       -moz-column-count: 2;
	    		column-count: 2;

	    -webkit-column-width: 50%;
	       -moz-column-width: 50%;
	    		column-width: 50%;
	}
	.gallery-simple.gallery-simple-columns-1 {
	    -webkit-column-count: 1; 
	       -moz-column-count: 1;
	    		column-count: 1;

	    -webkit-column-width: 100%;
	       -moz-column-width: 100%;
	    		column-width: 100%;
	}

.gallery-simple img {
	width: 100% !important;
	height: auto !important;
}
	.gallery-simple>a>img {
		margin-bottom: 0;
	}
.gallery-simple>a {
	position: relative;
	display: block;
}

.gallery-simple .image-hover-overlay::before {
	bottom:10px;
}

@media only screen and (max-width: 768px) {
	.gallery-simple {  
	    -webkit-column-count: 3; 
	       -moz-column-count: 3;
	    		column-count: 3;

	    -webkit-column-width: 33.33333333333333%;
	       -moz-column-width: 33.33333333333333%;
	    		column-width: 33.33333333333333%;
	}
}

@media only screen and (max-width: 482px) {
	.gallery-simple {  
	    -webkit-column-count: 2 !important; 
	       -moz-column-count: 2 !important;
	    		column-count: 2 !important;

	    -webkit-column-width: 50% !important;
	       -moz-column-width: 50% !important;
	    		column-width: 50% !important;
	}
}





#waterfall2 .photo{position:relative; overflow: hidden; display: inline-block; margin: 6px 0}
#waterfall2 .photo > a{ display:block; width:100%; height:100%; background-color:#fafafa;}
#waterfall2 .photo > a:after{content:""; position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,.3);
	-webkit-transition:all .3s ease; transition:all .3s ease;}
#waterfall2 .photo > .no_thumb{position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); width:calc(100% - 16px);
	text-align:center; color:#d1d3d8; -webkit-transition:all 1s; transition:all 1s;}
#waterfall2 .photo > .no_thumb i{font-size:52px;}
#waterfall2 .photo > .no_thumb span{display:block;}
#waterfall2 .photo > img{width:100%; height:100%; object-fit:cover; -webkit-transition:all 1s; transition:all 1s;}
#waterfall2 .photo .txt{ display: block; color: #fff; font-size: 16px; font-weight: 600; text-decoration: underline; padding:20px 60px; text-align: center; position: absolute; bottom: -100px; opacity: 0; -webkit-transition:all .5s; transition:all .5s; z-index: 9 }
#waterfall2 li.photo:hover .txt { bottom:35%; opacity: 1 }

/* 유튜브 게시판 */
#waterfall2 .icon_play{position:absolute; padding-left: 5px; top:50%; left:50%; -webkit-tranform:translate(-50%, -50%); transform:translate(-50%,-50%); font-size:30px; text-shadow: 0px 0px 5px #000;
	z-index:99; color:#fff; -webkit-transition:all .3s; transition:all .3s;}

#waterfall2 .icon_play:before{content:""; position:absolute;  top:50%; left:50%; -webkit-tranform:translate(-50%, -50%); transform:translate(-50%,-50%); 
	width:68px; height:68px; border: #fff 2px solid; border-radius:50%; background:transparent; text-shadow: 0px 0px 5px #000; z-index:-1; -webkit-transition:all .3s; transition:all .3s;}

@media screen and (max-width:767px) { 
  #waterfall2 .icon_play{ font-size:20px; }
  #waterfall2 .icon_play:before{ width:45px; height:45px; }
  #waterfall2 .photo .txt { font-size:13px; padding:20px; }
  #waterfall2 li.photo:hover .txt { bottom: 5% }
}

/* 갤러리 심플 hover */
#waterfall2 li:hover a:after{content:""; position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,.8); }
#waterfall2 li:hover .icon_play{color:#fff; top:-100px; opacity: 0 }
/*#waterfall2 li:hover .icon_play:before{background:#fff;}*/
#waterfall2 li:hover .no_thumb{color:#acafb9;}
#waterfall2 li a:hover { text-decoration: underline }