/**/
.btn {font-size:1.8rem;}
.bbs-list {
    padding-bottom:160px;
}
.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;
    gap:2%;
}
.bbs-list-body .gallery .post {
    width:32%;
    border-radius:20px;
    overflow:hidden;
    margin-bottom:40px;
    box-shadow: 0 0 10px rgba(0,0,0,0.4);
}

.bbs-list-body .gallery .post:hover {box-shadow: 5px 5px 10px 0 #ccc; transition:0.5s;}
.bbs-list-body .gallery .post:nth-child(4n){margin-right:0;}
.bbs-list-body .gallery .post .rect {padding:0; height:100%; position:relative;}
.bbs-list-body .gallery .post .rect .preview {height:250px; background: #EAEDF2;}
.bbs-list-body .gallery .post .rect .preview a {}
.bbs-list-body .gallery .post .rect .preview a .img-box {
    height:100%;
    background-size: auto calc(100% - 20px);
    background-repeat: no-repeat;
    background-position:center center;
}
.bbs-list-body .gallery .post .rect .data {
    left:0; bottom:0; width:100%; background:#fff;
    position:relative;
    padding:32px;
    min-height:140px;
}
.bbs-list-body .gallery .post .rect .data .category {color:#999; font-size:1.6rem;}
.bbs-list-body .gallery .post .rect .data .subject {font-weight:bold;}
.bbs-list-body .gallery .post .rect .data .subject a{
    color: #000;
    font-size: 2.1rem;
    font-style: normal;
    font-weight: 700;
    line-height: 160%;
}
.bbs-list-body .gallery .post .rect .data .date {
    display:none;
    color:#999;
    text-align:left;
    margin-top:2.4rem;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
}
.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;}

/**/
.bbs-list .btns {
    display:flex;
    gap:1.5rem;
    justify-content: center;
    margin-top:4rem;
}
.bbs-list .btns a {
    border-radius: 666px;
    border: 1px solid #000;
    display: flex;
    width: 224px;
    height: 56px;
    justify-content: center;
    align-items: center;
    gap: 8px;
}
.bbs-list .btns a.edit {
    border-radius: 666px;
    background: #31A0DB;
    color:#fff;
    border-color:#31A0DB;
}

/**/
.bbs-list-footer {margin:0;}
.bbs-list-footer .write-btns {display:flex; justify-content: center;}
.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:1200px){
    .bbs-list-body .gallery .post {
        width:48%;
    }

}

@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%;
    }
}