/* gallery */
.gallery { width: 100%; overflow:hidden;}
.gallery ul {  width: 100%; border: #000 1px solid}
.gallery ul li{  width: 30%; float: left; border: #000 1px solid}

.gallery_photo {overflow:hidden; margin: 0 0 20px}
.gallery_photo ul {
    display: flex;
    flex-wrap: wrap; /* 자동 줄바꿈 */
    justify-content: space-between; /* 좌우 정렬 */
    padding: 0;
    margin: 0;
    list-style: none;
}

.gallery_photo ul li { width:23%; margin-right:2%; text-align:center; position:relative; margin-top: 20px; float:left }
.gallery_photo ul li p img{width: 100%; object-fit: cover;}
.gallery_photo ul li:first-child {margin-left:0;}
.gallery_photo ul li .img_photo {width:100% !important; object-fit: cover;}
.gallery_photo ul li p.txt {box-sizing:border-box; padding:10px 0 0; width:100%; overflow:hidden; word-break:keep-all; line-height:1.8; color:#666;}
.gallery_photo ul li .date {display:inline-block; margin-top:15px; padding-top:5px; border-top:2px solid #333; color:#666;}

/* .actons-container { display:flex; align-items: center;} */
.top-actions-on-table {display: flex; align-items: center; justify-content: flex-end; gap: 1rem;}
.top-actions-on-table button {margin-top: 0; width: 62px;}

.td-title-wrapper { display:flex; align-items: center; gap: 0.3rem;}

.board-view-container img { max-width: 100%; object-fit: contain;}
.board-view-container iframe { max-width: 100%; }

.btn-wrapper {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 1rem;
	flex-wrap: wrap;
}

.btn-wrapper #dynamicBtns {
    display: flex;
    align-items: center;
    gap: 1rem;
	flex-wrap: wrap;
}

#answerContainer {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #dddddd;
}

#answerContainer section.reply-list-section {
    margin: 20px 0;
    padding: 20px 10px;
    background-color: #f1f1f1;
}

#answerContainer section.reply-list-section dl {
    display: flex;
    gap: 1rem;
    margin-bottom: 2rem;
}

#answerContainer section.reply-list-section dd.writer {
    font-weight: bold;
}

#faqListContainer .accordion {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#faqListContainer .accordion span {
    max-width: calc(100% - 15px);
    word-break: break-all;
    white-space: normal;
}

#faqListContainer .accordion::after {
    flex-shrink: 0;
}

#faqListContainer .accordion.active + div.panel {
    padding: 1.5rem 18px;
}

#faqCategory ul.six {
    display: flex;
    justify-content: center;
}

.article-attach-imgs-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.article-attach-imgs-container .article-attach-img {
    width: 100%;
}

#filesWrapper a {
    background-color: #efefef;
    margin: 5px;
    border: 1px solid #dedede;
    padding: 2px;
    font-size: 14px;
}

.bbs_view_tbl .view {
    padding-top: 20px;
    vertical-align: top ;
}

.bbs_view_tbl p {
    padding-bottom: 10px;
}

@media screen and (max-width:768px){
    .gallery_photo {overflow:hidden; margin: 0 0 20px}
	.gallery_photo ul li { width:48%; margin-right:2%;  }
	.gallery_photo ul li .img_photo {width:100%;}
	.gallery_photo ul li p.txt { line-height:20px;}
	.gallery_photo ul li .date { margin-top:10px;}
}

@media screen and (max-width:480px){
    .gallery_photo ul li { width:100%; }
	.gallery_photo ul li .img_photo {width:100%;}
	.gallery_photo ul li p.txt { line-height:20px;}
	.gallery_photo ul li .date { margin-top:10px;}

    .article-attach-imgs-container {
        grid-template-columns: 1fr;
    }
}