@charset "utf-8";


/* 게시판 목록 */

.photoBoardList { display: grid; gap: 40px 20px; justify-items: stretch; align-items: stretch; grid-template-columns: repeat(4, 1fr); }
.photoBoardList > div { min-width:0; position:relative; }
.photoBoardList > div > a { display:flex; flex-direction:column; }
.photoBoardList > div .pblThumb { width:100%; height:0px; position:relative; background-position:center center; background-repeat:no-repeat; background-size:contain; padding:0 0 140%; border:var(--topMenuBorder); background-color:#fff; }
.photoBoardList > div .pblThumb.pblThumbNoimage { background-size:cover; }
.photoBoardList > div .pblThumbCover { 
    position:absolute; left:0; top:0; right:0; bottom:0; width:100%; height:100%; background-color:rgba(0,0,0,0.5); 
    display:flex; flex-direction:column; justify-content:center; align-items:center; gap:0px; color:#fff; display:none;
}
.photoBoardList > div > a:hover .pblThumbCover,
.photoBoardList > div > a:focus .pblThumbCover { display:flex; }
.photoBoardList > div:hover .pblThumbCover > div:nth-child(2) { font-size:16px; font-weight:500; }
.pblCon { display:flex; flex-direction:column; gap:5px; padding:15px 0px 0px; }
.pblSubj { font-size:clamp(18px,1.042vw,24px); font-weight:600; color:var(--fontColor000); text-align:center; 
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; 
}

/* https://icon-sets.iconify.design/bitcoin-icons/ */
.bitcoin-icons--plus-filled {
    display: inline-block;
    width: 42px;
    height: 42px;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M12 3.25a.75.75 0 0 1 .75.75v7.25H20a.75.75 0 0 1 0 1.5h-7.25V20a.75.75 0 0 1-1.5 0v-7.25H4a.75.75 0 0 1 0-1.5h7.25V4a.75.75 0 0 1 .75-.75' clip-rule='evenodd'/%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}
.lsicon--download-filled {
    display: inline-block;
    width: 42px;
    height: 42px;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M7.481 9.143L7.5 1.999L8.5 2l-.019 7.137l2.43-2.43l.706.708L8.332 10.7a.5.5 0 0 1-.707 0L4.34 7.416l.707-.707zm-4.48 3.882V9.53h-1v3.996a.5.5 0 0 0 .5.5h11.05a.5.5 0 0 0 .5-.5V9.53h-1v3.496z' clip-rule='evenodd'/%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

/* 반응형: 2열 */
@media (max-width: 768px) {
    .photoBoardList {
        grid-template-columns: repeat(3, 1fr); /* 3열 구조 */
    }
}

/* 반응형: 1열 */
@media (max-width: 480px) {
    .photoBoardList {
        grid-template-columns: repeat(2, 1fr); /* 2열 구조 */
    }
}







/* 게시판 쓰기 */





/* 게시판 읽기 */
.vid_ifr_inner {
    position: relative;
    width: 100%;
    padding-bottom:52.25%
}
.vid_ifr_inner > iframe#vid_ifr {
    position: absolute;
    width: 100%;
    height: 100%;
    border: none;
}









/* 게시판 댓글 */