@charset "UTF-8";
.border--topline {
    position:relative;
    border-top:1px solid #707070;
    padding-top:1.5rem;
}
.border--topline2 {
    position:relative;
    border-top:1px solid #707070;
}
.board {
    position:relative;
    width:100%;    
}
.board-list-top {
    position:relative;
    display:flex;
    flex-wrap:wrap;
    flex-direction:row;
    justify-content:space-between;
    align-items:center;
    width:100%;    
    margin-bottom:0.5rem;
}
.board-list-total {
    font-size:0.65rem;
    color: #000;
}
.board-list-btn-box .btn {font-size:0.65rem;}

.bo-list {
    width:100%;
    border-collapse:collapse;
}
.bo-list th {
    padding:0.5rem;
    font-size:0.7rem;
    background-color:#F5F5F5;
    border-bottom:1px solid #000;
    text-align:center;
    font-weight:400;
}
.bo-list .form-check {
    margin:0;
    padding:0;
    min-height:auto;
}
.bo-list .form-check .form-check-input {
    float:none;
    margin-left:0; 
}
.bo-list .badge {font-size:0.6rem;}
.bo-list .link {
    font-weight: 500;
    color: #4f57f4;
}
.bo-list td {
    padding:0.5rem 0.5rem 0;
    font-size:0.7rem;
    color: #000;
    text-align:center;
}
.bo-list td.subject {text-align:left;}
.bo-list td.subject a {color:#000;}
.bo-list .only-m {display:none;}
@media screen and (max-width:768px) {
    .bo-list {display:block;}
    .bo-list colgroup {display:none;}
    .bo-list thead {display:none;}
    .bo-list tbody {display:block;}
    .bo-list tr {
        position: relative;
        padding:0.5rem 0;
        height: auto;
        display: block;
        border-bottom:1px solid #ccc; 
    }
    .bo-list tbody td  {
        padding-bottom: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border:0 !important;
        padding-left:0;
        padding-right:0;
    }
    .bo-list .chk,
    .bo-list .num {display:inline-flex;}
    .bo-list .only-m {
        font-weight: 300;
        margin-right: 10px;
        display: block;
        font-size:0.7rem;
        line-height: 1;
        height: auto;
        border-radius: 3px;
        -ms-flex-preferred-size: 60px;
        flex-basis: 80px;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        text-align:left;
    }
    .bo-list td.subject {
        padding-top:0.3rem;
        font-size:0.8rem;
        padding-bottom:0.3rem;
    }
}

.board-list-bottom {
    display:flex;
    flex-wrap:wrap;
    flex-direction:row;
    justify-content:flex-end;
    margin-top:1rem;
    
}
.page-nav {
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    width:100%;
    position:relative;
    margin-top:1rem;
    font-size:0.65rem;
}

.breadcrumb-box {
    position:relative;
    margin-top:0.5rem;
    padding-left:0.8rem;
    font-size:0.65rem;
    text-align: left;
    color: #4b4b4b;
}
.breadcrumb-box::before {
    content:"";
    display:block;
    position:absolute;
    top:0.2rem;
    left:0;
    width:0.6rem;
    height:0.5rem;
    background:url(../imgs/icon/ico_home.svg) no-repeat 0 0;
    background-color:0.6rem 0.5rem;
}
.breadcrumb-box .breadcrumb-item {color:#4b4b4b}
.breadcrumb-box .breadcrumb-item a {color:#4b4b4b}

.board-detail__top {
    width:100%;
    border-collapse:collapse;    
}
.board-detail__top th {
    background-color:#F9F9F9;
    padding:0.5rem 0.95rem;
    font-weight:400;
    font-size:0.7rem;
    color: #000;
    border-bottom:1px solid #ccc;
}
.board-detail__top td {
    padding:0.5rem 0.85rem;
    font-size:0.7rem;
    color: #000;
    border-bottom:1px solid #ccc;
}
.board-detail__top td a {
    color:#000;
}
.board-detail__bottom {
    padding:0.9rem;
    border-bottom:1px solid #CCCCCC; 
}
.board-detail__title {
    font-weight:400;
    font-size:1rem;
    color: #000;
    text-align:center;
}
.board-detail__content {
    margin-top:2rem;
    font-size:0.7rem;
    color:#000;
}
.board-detail__content .mt16 {
    margin-top:0.8rem;
}
.board-detail__btn-box {
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:space-between;
    align-items:center;
    margin-top:1rem;
}
.board-detail__btn-box .left,
.board-detail__btn-box .right {position:relative;}

.board-write {position:relative;}
.board-write .row + .row {margin-top:1rem;}
.board-write textarea.form-control {height:15rem;}
@media screen and (max-width:768px){
    .board-write .row div + div {margin-top:0.4rem;}
}

.board-write__btn-box {
    position:relative;
    margin-top:1rem;
    text-align:center;
}