.board_box .btn {display:inline-block; width:max-content; height:40px; line-height:40px;}
.board_box .table-imgList {display: none;}
.board_box .bd_view tr {border-bottom: 1px solid var(--bs-border-color);}
.board_box .gallery_title {font-size: 18px;}
.board_box .gallery_cont {font-size: 14px; color: #767676; display: none;}
.board_box .bd_list .att_title {background: var(--bs-border-color) ;}
.board_box .bd_list td {border-bottom: 1px solid var(--bs-border-color);}



.new_blog .table {width: 100%; display: block;}


.blog_list {display: block; width: 100%;}
.blog_list::after {display: block; content: ""; clear: both;}


.blog_item {border: 1px solid var(--border); padding: 30px; display: block;}
.blog_item:nth-child(3) {margin-top: 20px;}


.blog_item tr,
.blog_item td {display: block;}
.blog_item a {display: block; }
.blog_item td table {width: 100% !important;}
.blog_item td br {display: none;}


.blog_item .img_box {border: 1px solid var(--border); font-size: 0; overflow: hidden; display: block; position: relative;}
.blog_item .img_box::after {
    padding-bottom: 66.666%; display: block; content: "";
}
.blog_item .board_output_gallery_img {width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.blog_item .board_output_gallery_img a {width: 100%; height: 100%; position: relative;}
.blog_item .board_output_gallery_img img {max-width: 100%; max-height: 100%; position: absolute;  top: 50%; left: 50%; transform: translate(-50%,-50%); object-fit: cover;}
.blog_item .board_output_gallery_subject {font-size: 20px; display: block;}
.blog_item .board_output_gallery_description {font-size: 16px; color: #767676; display: block; margin-top: 3px;}
.blog_item .more {margin-top: 20px; background: var(--mainColor1); display: block; width: max-content; color: #fff; font-size: 14px; line-height: 1; padding: 6px 15px; border-radius: 100px;}


.blog_item.first {float: left; width: calc(40% - 20px); min-height: 544px;}
.blog_item.first td {width: 100%;}
.blog_item.first .board_output_gallery_subject { margin-top: 20px;}


.blog_item.basic {float: right; width: 60%;}
.blog_item.basic .cont_box {display: flex; align-items: center; gap: 20px;}
.blog_item.basic .img_box {width: 300px; flex-shrink: 0;}
.blog_item.basic .text_box {flex: 1 0 0;}


@media screen and (max-width:1199px) { 


    .blog_list {display: flex; flex-direction: column; gap: 20px;}
    .blog_item {float: unset !important; width: 100% !important; margin-top: 0 !important;}
    .blog_item .img_box {width: 250px !important;}
    .blog_item.first {min-height: unset;}
    .blog_item.first .cont_box {display: flex; align-items: center; gap: 20px;}
    .blog_item.first .img_box {flex-shrink: 0;}
    .blog_item.first .text_box {flex: 1 0 0;}
    .blog_item.first .board_output_gallery_img {aspect-ratio: 3/2;}
    .blog_item.first .board_output_gallery_subject { margin-top: 0px;}



}



@media screen and (max-width:599px) {
    .blog_item {padding: 20px;}
    .blog_item .cont_box {flex-direction: column !important;}
    .blog_item .img_box {width: 100% !important; }
    .blog_item .text_box {width: 100% !important; flex: none !important; }


}