.collection-ul > li { padding: 7px; }
._collection .thumbnail a{
    display: block;
    padding-top: calc(460 / 340 * 100%); width: 100%; height: 0;
    border: 1px solid #e1e1e1;
    background-repeat: no-repeat; background-position: center; background-size: cover;
}
._collection .contents { margin-bottom: 28px; padding: 30px 0 16px; border-bottom: 1px solid #333; }
._collection .contents .name span { line-height: 20px; font-size: 20px; font-weight: bold; }
._collection .contents p { line-height: 26px; font-size: 17px; font-weight: 300; overflow: hidden; white-space: nowrap; word-break: break-all; text-overflow:ellipsis; }

@media (max-width:1024px){
    ._collection .contents .name span { line-height: 16px; font-size: 16px; }
    ._collection .contents p { line-height: 20px; font-size: 14px; }
}





/* 서브 리스트 */
.collection-sub-list > li { padding: 7px; }
.collection-sub-list > li .thumbnail{
    padding-top: calc(460 / 340 * 100%); width: 100%; border: 1px solid #e1e1e1; cursor: pointer;
    background-repeat: no-repeat; background-position: center; background-size: cover;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.collection-sub-list > li .thumbnail:hover{
    opacity: .7;
}






/* 뷰 */
.bbs-view-popup { position: fixed; width: 100%; height: 100%; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,0.6); z-index: 99999; }
.bbs-view-popup .popup-layer{
    position: absolute; width: 560px; left: 0; right: 0; top: 60px; margin: auto;
}
.__popup-collection .popup-layer { background: rgba(255,255,255,.8); }
.__popup-collection .pop-close{
    position: absolute; top: 0; right: -55px;
    width: 36px; height: 36px;
    background: url('/child/img/icon/pop-close.png') no-repeat center;
}
.pop-view-contents ul li .img{
    padding-top: calc(460 / 340 * 100%); width: 100%; height: 0;
    background-repeat: no-repeat; background-position: center; background-size: cover;
    border: 1px solid #e1e1e1;
}
.pop-view-contents .name span { line-height: 20px; font-size: 20px; font-weight: bold; }
.pop-view-contents p { line-height: 24px; font-size: 17px; font-weight: 300; }
.pop-view-contents .info { padding: 25px 20px; }
@media (max-width:1024px){
    .bbs-view-popup { height: 100%; }
    .__popup-collection .pop-close { top: -45px; right: 0; background-size: auto 25px;  }
    .__popup-collection .popup-layer { top: 55px !important; margin: 0; width: calc(100%); height: calc(100% - 50px);}
    .pop-view-contents { overflow: auto; height: 100%; }
}
@media (max-width:768px){
}