.bbs-list {
    padding:120px 0;
}
.bbs-view,
.bbs-view .form-control,
.bbs-view .btn,
.bbs-view input,
.bbs-list,
.bbs-list .form-control,
.bbs-list .btn,
.bbs-list input,
.bbs-form,
.bbs-form .form-control,
.bbs-form .btn,
.bbs-form input {
    font-size:1.8rem;
}
.bbs-form {
    margin:160px 0;
}

/**/
.bbs-list .list-search {
    margin-bottom:1rem;
    display:flex;
    justify-content: space-between;
    align-items: center;
}
.bbs-list .list-search .xi-search {color:#fff;}
.bbs-list .list-search .search-form {
    display: flex;
}
.bbs-list .list-search .search-form select {width:auto; margin-right:0.6rem !important;}
.bbs-list .list-search .search-form input[type="text"] {width:130px; margin-right:0.6rem !important;}
.bbs-list th,
.bbs-list td {
    padding:1.6rem 1rem;
}
.bbs-list td {
    border-bottom:1px solid #DCDDE4;
}
.bbs-list thead {
    border-top:3px solid #000;
}
.table thead th {
    border-bottom: 2px solid #DCDDE4;
}
.bbs-list .no {
    width:70px;
    text-align:center;
}
.bbs-list .subject {}
.bbs-list .date {
    width:160px;
    text-align: center;
}

/**/
.bbs-form-body {
    font-size:1.8rem;
}
.bbs-form-footer {
    margin-top:4rem;
}

/**/
.bbs-view {
    padding:120px 0;
}
.bbs-view .bbs-view-header {
    padding-bottom:4rem;
    margin-bottom:4rem;
    border-bottom:1px solid #000;
}
.bbs-view .bbs-view-header .bbs-name {
    text-align:center;
    color:#C02929;
    font-size:2rem;
    font-weight:700;
    line-height:3.2rem;
    margin-bottom:1.8rem;
}
.bbs-view .bbs-view-header .subject {
    text-align:center;
    color:#000;
    font-size:4rem;
    font-weight:700;
    width:100%;
    padding:0 10%;
    margin-bottom:3rem;
}
.bbs-view .bbs-view-header .data {
    display:flex;
    justify-content: center;
    color:#000;
    opacity: 0.6;
}
.bbs-view .bbs-view-header .data .date {
    margin-right:2rem;
}
.bbs-view .bbs-view-header .data .hit {}
.bbs-view .bbs-view-body {}
.bbs-view .bbs-view-body .content {
    min-height:200px;
}
.bbs-view .bbs-view-body .comment {
    margin-top:4rem;
}
.bbs-view .upload-file {
    margin-top:4rem;
}

.bbs-form .btns,
.bbs-view .btns {
    display:flex;
    gap:1.5rem;
    justify-content: center;
}
.bbs-form .btns input[type="submit"],
.bbs-form .btns a,
.bbs-view .btns a {
    border-radius: 666px;
    border: 1px solid #000;
    display: flex;
    width: 224px;
    height: 56px;
    justify-content: center;
    align-items: center;
    gap: 8px;
}
.bbs-form .btns input[type="submit"],
.bbs-view .btns a.edit {
    border-radius: 666px;
    background: #31A0DB;
    color:#fff;
    border-color:#31A0DB;
}

.view-button {
    margin-top:4rem;
}