@charset "utf-8";
/* 새글 스킨 (latest)*/

.gallery ul{margin:0; padding:0;}
.gallery ul li{list-style:none;height:auto;overflow:hidden}
.gallery ul li .lt_image2{width:100%;height:100%;position:relative;}
.gallery ul li .lt_image2 img{display:inline-block;width:100%;height:auto;border-radius:5px !important;background:#3b4c54}
.gallery ul li .lt_detail{display:inline-block;width:100%;font-size:1.2em;overflow:hidden;padding-top:8px}
.gallery ul li.no_bd{width:100%; text-align:center; line-height:100px;}
.gallery ul li .no_img{display:block;vertical-align:middle;font-weight:bold;font-size: 1.3em;color:#bbb;width:100% !important;text-transform:uppercase;text-align:center;}

.gallery ul li .re_more{position:absolute;top:0;display:none;}
.gallery ul li:hover .re_more{width:100%;height:100%;z-index:998;display:block;background:url("img/re_more.png") center center no-repeat !important;}
.gallery ul li a.lt_tit2{font-size:18px; color:#3b4c54;display:inline-block;text-decoration:none;width:100%;margin-top:20px;height:20px;overflow:hidden;}
.gallery ul li a.lt_tit2:hover{color:#428bca;}

.thumbnail {
    display: block;
    padding: 0;
    margin-bottom: 5px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 0;
    border-radius: 0;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.lightbox-custom { }
.lightbox-custom div {    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: scroll;
    background-size: cover;}
.lightbox-custom div div {    padding: 36px 36px 36px 36px; width: 100%; table-layout: fixed; height: 272px; display: block; }
.lightbox-custom div a img { margin-left: auto; margin-right: auto; display: block; max-width: 100%; height: auto;}

.main-gallery-2 .col-md-3 { padding-left: 2.5px; padding-right: 2.5px;}

.main-gallery-2 .thumbnail { position: relative; }

.main-gallery-2 .lightbox:before {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -13px;
    margin-left: -13px;
    opacity: 0;
    color: #fff;

    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f065";
    pointer-events: none;
    font-size: 40px;
    z-index: 9000;
    transition: 0.4s;
}

.main-gallery-2 .lightbox:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-color: rgba(255, 233, 233, 0.7);
    content: '';
    transition: 0.4s;
}


.main-gallery-2  .lightbox:hover:after,
.main-gallery-2  .lightbox:hover:before {
    opacity: 1;
}