@charset "utf-8";
/* 갤러리 게시판 스타일 */
#gallery_icon {clear:both; float:right;margin-bottom:10px}
#gallery_icon img {padding:5px 0 0 5px;}
.board_gallery {clear:both;position:relative; width:100%;overflow:hidden;}
.board_gallery ul{position:relative; margin-bottom:30px; padding:0; list-style:none; overflow:hidden; clear:both;}
.board_gallery ul li {margin: 0 1% 20px 1%; padding:0 !important; background:#fff !important; border:1px solid #ddd; float:left; display:inline; box-sizing:border-box;text-align:center;}
.board_gallery ul li img {vertical-align:middle; width:100%;}
.board_gallery ul li .list {margin:0; display:block; line-height:30px; border-bottom:1px solid #ddd;}
.board_gallery ul li .date {font-size:13px; line-height:30px; display:block; background-color: #efefef;}

@media screen and (max-width:900px){
	#gallery_icon {display:none}
	.board_gallery ul li {width:45%; margin: 0 2.5% 50px; padding:0 !important;float:left; display:inline;}
	.board_gallery ul li img {vertical-align:middle; width:100%;}
}
@media screen and (max-width:700px){
	.board_gallery ul li {width:45%; margin: 0 2.5% 50px; padding:0 !important;float:left; display:inline;}
	.board_gallery ul li img {vertical-align:middle; width:100%;}
}
@media screen and (max-width:550px){
	.board_gallery ul li {width:75%; margin: 0 12.5% 20px; padding:0 !important;float:left; display:inline;}
	.board_gallery ul li img {vertical-align:middle; width:100%;}
}

/* 멀티갤러리 스타일 */
.demo-gallery > ul {margin-bottom:0;}
@media all and (min-width:801px){
	.demo-gallery > ul > li {float:left;margin-bottom: 0;margin-right:0;min-height:70px}

}
@media all and (min-width:401px) and (max-width:700px){
	.demo-gallery > ul > li {float:left;margin-bottom: 15px;}
}
@media all and (max-width:400px){
	.demo-gallery > ul > li {float:left;margin-bottom: 15px;}
}
.demo-gallery > ul > li a {border:3px solid #FFF;border-radius:3px;display:block;overflow:hidden;position:relative;float:left;}
.demo-gallery > ul > li a > img {-webkit-transition: -webkit-transform 0.15s ease 0s;-moz-transition: -moz-transform 0.15s ease 0s;-o-transition: -o-transform 0.15s ease 0s;transition: transform 0.15s ease 0s;-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);height: 100%;width: 100%;}
.demo-gallery > ul > li a:hover > img {-webkit-transform: scale3d(1.1, 1.1, 1.1);transform: scale3d(1.1, 1.1, 1.1);}
.demo-gallery > ul > li a:hover .demo-gallery-poster > img {opacity:1;}
.demo-gallery > ul > li a .demo-gallery-poster {background-color:rgba(0, 0, 0, 0.1);bottom:0;left:0;position:absolute;right:0;top:0;-webkit-transition:background-color 0.15s ease 0s;-o-transition:background-color 0.15s ease 0s;transition:background-color 0.15s ease 0s;}
.demo-gallery > ul > li a .demo-gallery-poster > img {left: 50%;margin-left:-10px;margin-top:-10px;opacity:0;position:absolute;top: 50%;-webkit-transition: opacity 0.3s ease 0s;-o-transition:opacity 0.3s ease 0s;transition: opacity 0.3s ease 0s;}
.demo-gallery > ul > li a:hover .demo-gallery-poster {background-color: rgba(0, 0, 0, 0.5);}
.demo-gallery .justified-gallery > a > img {-webkit-transition:-webkit-transform 0.15s ease 0s;-moz-transition:-moz-transform 0.15s ease 0s;-o-transition:-o-transform 0.15s ease 0s;transition:transform 0.15s ease 0s;-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);height:100%;width:100%;}
.demo-gallery .justified-gallery > a:hover > img {-webkit-transform: scale3d(1.1, 1.1, 1.1);transform: scale3d(1.1, 1.1, 1.1);}
.demo-gallery .justified-gallery > a:hover .demo-gallery-poster > img {opacity: 1;}
.demo-gallery .justified-gallery > a .demo-gallery-poster {background-color: rgba(0, 0, 0, 0.1);bottom: 0;left: 0;position: absolute;right: 0;top: 0;-webkit-transition: background-color 0.15s ease 0s;-o-transition: background-color 0.15s ease 0s;transition: background-color 0.15s ease 0s;}
.demo-gallery .justified-gallery > a .demo-gallery-poster > img {left: 50%;margin-left: -10px;margin-top: -10px;opacity: 0;position: absolute;top: 50%;-webkit-transition: opacity 0.3s ease 0s;-o-transition: opacity 0.3s ease 0s;transition: opacity 0.3s ease 0s;}
.demo-gallery .justified-gallery > a:hover .demo-gallery-poster {background-color: rgba(0, 0, 0, 0.5);}
.demo-gallery .video .demo-gallery-poster img {height: 48px;margin-left: -24px;margin-top: -24px;opacity: 0.8;width: 48px;}
.demo-gallery.dark > ul > li a {border: 3px solid #04070a;}

.demo-gallery a .desc {	display: none; }
.demo-gallery a:hover .desc{display: block;font-family:돋움;letter-spacing:-1px;padding: 0;background: #111;filter:alpha(opacity=75);opacity:.75;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";color: #fff;position: absolute;bottom:0;left: 0;padding: 5px;margin: 0;width: 240px;	border-top: 1px solid #999;}
.demo-gallery a:hover .desc {color:#00FFFF;display: block;margin-bottom: 0;font-size:13px;font-weight:bold;text-align:center}
.home .demo-gallery {padding-bottom: 80px;margin-top:10px}