/**/
.bbs-list-header{text-align:center; margin:80px auto;}
.kr-title{font-size:48px; font-weight:700; color:#1B5DC1;}
.en-title{margin-top:15px; color:#999;}


.bbs-list .list-search {
    margin-bottom:20px; display:flex; justify-content: space-between; align-items: center;
}

.bbs-list .list-search > div:nth-child(1) > span {
    font-weight: 700; color: #1B5DC1;
}
.bbs-list .list-search .form-control {border-color:#bbb;}
.bbs-list .list-search .input-group-text {
    border-color:#33454d; background:#33454d; color:#fff; cursor:pointer;
    font-family: xeicon;
}

/**/
.bbs-list-body {}
.bbs-list-body .gallery {
    display:flex; flex-wrap:wrap; 
}
.bbs-list-body .gallery .post {
    width:23%;  border:1px solid #EBEBEB;
    overflow:hidden; margin-bottom:40px; margin-right:2.6%;
}

.bbs-list-body .gallery .post:hover {box-shadow: 5px 5px 10px 0px #ccc; transition:0.5s;}
.bbs-list-body .gallery .post:nth-child(4n){margin-right:0;}
.bbs-list-body .gallery .post .rect {padding:17px; height:100%; position:relative;}
.bbs-list-body .gallery .post .rect .preview {height:191px;}
.bbs-list-body .gallery .post .rect .preview a {}
.bbs-list-body .gallery .post .rect .preview a .img-box {height:100%; background-size: cover;}
.bbs-list-body .gallery .post .rect .data {
    left:0; bottom:0; width:100%; background:#fff;
    position:relative;
}
.bbs-list-body .gallery .post .rect .data .category {}
.bbs-list-body .gallery .post .rect .data .subject {font-weight:bold; margin-top:20px; }
.bbs-list-body .gallery .post .rect .data .subject a{color:#555;}
.bbs-list-body .gallery .post .rect .data .content {
margin:4px 0 10px 0; color:#666; height:62px; 
width:100%; display:-webkit-box; 
-webkit-line-clamp:3;
-webkit-box-orient:vertical;
overflow:hidden;
text-overflow:ellipsis;
}
.bbs-list-body .gallery .post .rect .data .name {display:none;}
.bbs-list-body .gallery .post .rect .data .date { color:#666; text-align:right;}
.bbs-list-body .gallery .post .rect .data .date img{vertical-align:sub; margin-right:4px;}
.bbs-list-body .gallery .post .rect .data a.detail {
    position:absolute; right:15px; bottom:10px; display:inline-block;
    border-radius:50px; padding:8px 20px; transition:all 200ms;
    border:1px solid #f5f5f5; background:#f5f5f5; color:#aaa;
}
.bbs-list-body .gallery .post:hover .rect .data a.detail {background:#f58220; color:#fff;}


@media(max-width:1180px){
	.bbs-list-body .gallery .post {width:32%; margin-bottom:20px; margin-right:2%;}
	.bbs-list-body .gallery .post:nth-child(4n){margin-right:2%;}
	.bbs-list-body .gallery .post:nth-child(3n){margin-right:0;}
}
@media(max-width:820px){
	.bbs-list-body .gallery .post {width:49%; margin-right:2%;}
	.bbs-list-body .gallery .post:nth-child(2n){margin-right:0;}
	.bbs-list-body .gallery .post:nth-child(3n){margin-right:2%;}
	.bbs-list-body .gallery .post:nth-child(6n){margin-right:0;}
}
@media(max-width:550px){
	.bbs-list-body .gallery .post {width:100%; margin-right:0;}
	.bbs-list-body .gallery .post:nth-child(3n){margin-right:0;}
}
/**/
.bbs-list-footer {margin:0;}
.bbs-list-footer .write-btns {display:flex; justify-content: flex-end; margin:0 0 15px 0;}
.bbs-list-footer .pagination {
    display:flex; justify-content: center; margin-bottom:100px;
}
.bbs-list-footer .pagination li {margin:0 6px;}
.bbs-list-footer .pagination li a.page-link {
    border-radius:0; width:30px; height:30px; padding:0; color:#444444;
    display:flex; align-items: center; justify-content: center; border:0;
    font-size:16px;
}
.bbs-list-footer .pagination li.active a.page-link {
    background-color:#fff; color:#1B5DC1; font-weight:500;
}
.bbs-list-footer .pagination li.first a.page-link,
.bbs-list-footer .pagination li.last a.page-link,
.bbs-list-footer .pagination li.previous a.page-link,
.bbs-list-footer .pagination li.next a.page-link {
    font-size:0; position:relative; border-radius:5px;
}
.bbs-list-footer .pagination li.previous a.page-link:before,
.bbs-list-footer .pagination li.next a.page-link:before,
.bbs-list-footer .pagination li.first a.page-link:before,
.bbs-list-footer .pagination li.last a.page-link:before {
    position:absolute; margin:auto; top:0; right:0; bottom:0; left:0; font-size:16px; content:'';
    background-position:center center; background-repeat: no-repeat; background-size:cover;
}
.bbs-list-footer .pagination li.first a.page-link:before,
.bbs-list-footer .pagination li.last a.page-link:before {width:14px; height:13px;}
.bbs-list-footer .pagination li.previous a.page-link:before,
.bbs-list-footer .pagination li.next a.page-link:before {width:34px; height:34px;}
.bbs-list-footer .pagination li.previous a.page-link:before {background-image:url(/images/content/layout/icon_bbs_prev.png);}
.bbs-list-footer .pagination li.next a.page-link:before {background-image:url(/images/content/layout/icon_bbs_next.png);}
.bbs-list-footer .pagination li.first a.page-link:before {background-image:url(/images/content/menu/icon_bbs_prev_f.png); }
.bbs-list-footer .pagination li.last a.page-link:before {background-image:url(/images/content/menu/icon_bbs_next_l.png);}

@media (max-width: 768px) {
   .bbs-list-body  .form-inline .input-group,
   .bbs-list-body  .form-inline .custom-select {flex-wrap: nowrap;}
   .bbs-list-body  form[name=form_search] input[type=text] {width:100px;}

   .bbs-list-body .gallery .post {
    width:100%;  border:1px solid #EBEBEB;
    overflow:hidden; margin-bottom:40px; margin-right:2.6%;
}
}