@charset "utf-8";


/* 게시판 목록 */

.photoBoardList { display: grid; gap: 40px 20px; justify-items: stretch; align-items: stretch; grid-template-columns: repeat(3, 1fr); }
.photoBoardList > div { min-width:0; position:relative; }
.photoBoardList > div > a { display:flex; flex-direction:column; }
.photoBoardList > div > a .pblThumb { width:100%; height:0px; position:relative; background-position:center center; background-repeat:no-repeat; background-size:cover; padding:0 0 60%; }
.photoBoardList > div > a .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 20px 50px; border-bottom:var(--topMenuBorder); }
.pblDate { font-size:16px; font-weight:600; color:var(--fontColor555); }
.pblSubj { font-size:clamp(18px,1.042vw,24px); font-weight:500; color:var(--fontColor000);
    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%;
}

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

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







/* 게시판 쓰기 */
.videoOtherFlex { display:flex; gap:5px 30px; align-items: center; }




/* 게시판 읽기 */
.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;
}

/*
.view-video-wrapper {
    position: relative;
    width: 100%;
    max-width: 1280px;
    padding-bottom:52.25%
  }
  
  .view-video-wrapper video {
    position: absolute;
    width: 100%;
    height: 100%;
    border: none;
  }
*/

.view-video-wrapper {
    max-width: 1280px;
    width: 100%;
    aspect-ratio: 3 / 2; /* 원본 비율이 600x400이면 3:2 */
    margin: 0 auto; /* 가운데 정렬하고 싶을 경우 */
  }
  
  .view-video-wrapper video {
    width: 100%;
    height: 100%;
    object-fit: contain; /* 또는 cover, fill 중 선택 가능 */
  }







/* 게시판 댓글 */