/* 공통 */
.lock-post .col-sm-6 {margin:0 auto;}

/**/
.bbs-view,
.bbs-form,
.bbs-list {margin:40px 0;}

/* List */
.bbs-list {}
.bbs-list td {}
.bbs-list span.category {color:#999;}
.bbs-list .notice ,
.bbs-list .notice tr,
.bbs-list .notice td {background: #dbf8ff;}
.bbs-list .comment {font-size:13px;}
.bbs-list .comment.new {color:#fd7e14;}
.bbs-list .reply {}
.bbs-list .reply td.subject {background:url(/images/board/bbs_tree.png) no-repeat left 12px top 24px;}
.bbs-list .reply td.subject a {padding-left:22px;}
.bbs-list.gallery {}
.bbs-list.gallery .post {float:left;width:20%;margin-bottom:40px;}
.bbs-list.gallery .post .rect {padding-bottom:10px;}
.bbs-list.gallery .post .preview {height:180px;width:100%;padding:10px;display:block;}
.bbs-list.gallery .post .preview .img-box {
    height:160px;
    overflow:hidden;
    position:relative;
    background-repeat:no-repeat;
    background-position: center center;
    background-color:#000;
    background-size:cover;
}
.bbs-list.gallery .post .preview a {width:100%;height:100%;}
.bbs-list.gallery .post .preview img {position:absolute;width:auto;height:110%;max-width:110%;max-height:110%;margin:auto;top:0;bottom:0;left:0;right:0;}
.bbs-list.gallery .post .name,
.bbs-list.gallery .post .date {font-size:0.8em;text-align:right;padding:0 10px;}
.bbs-list.gallery .post .rect:hover {background:#eee;}

/* Write */
.bbs-form {}
.bbs-form .row {padding:10px 0;}
.bbs-form .wrap {}
.bbs-form .wrap .col-lg-12 {}
.bbs-form .wrap .row {}
.bbs-form .file-uplaod-box {border:1px solid #ccc;padding:15px;}
.bbs-form .custom-checkbox {float:left;display:inline-block;margin-right:10px;}

/* View */
.bbs-view {}
.bbs-view .bbs-view-header {}
.bbs-view .bbs-view-header .subject {font-size:30px;color:#333;}
.bbs-view .bbs-view-header .data {float:right;text-align:right;}
.bbs-view .bbs-view-header .data .name {}
.bbs-view .bbs-view-header .data .name .mid {font-size:0.75em;}
.bbs-view .bbs-view-header .data .date {font-size:0.75em;color:#707070;} /* 작은 글자 4.5:1 이상(4.95:1). 예전 #888 은 3.54:1 */
.bbs-view .bbs-view-body {border-top:1px solid #ccc;border-bottom:0;}
.bbs-view .bbs-view-body .content {}
.bbs-view .bbs-view-body .content img {max-width:100%;width:auto;max-height:100%;height:auto !important;}
.bbs-view .bbs-view-body .upload-file {font-size:0.8em;border-top:1px dashed #ccc;}
.bbs-view .bbs-view-body .upload-file li {border-bottom:1px dashed #ccc;padding:2px 5px;}
.bbs-view .bbs-view-body .comment {}
.bbs-view .bbs-view-footer {}
#bbs-comment-view {}
#bbs-comment-view .comment-row {padding:5px;border-bottom:1px dashed #ccc;min-height:31px;background:url(/images/board/bbs_tree.png) no-repeat;}
#bbs-comment-view .comment-row.active {background:#eee;}
#bbs-comment-view .comment-row .comment {min-height:31px;}
#bbs-comment-view .comment-row .name {font-weight:bold;}
#bbs-comment-view .comment-row .date {font-size:13px;}
#bbs-comment-view .comment-row .comment-btn {cursor:pointer;}
#bbs-comment-view .depth-0 {background-image:none;}
#bbs-comment-view .depth-1 {padding-left:20px;background-position:left top 5px;}
#bbs-comment-view .depth-2 {padding-left:40px;background-position:left 20px top 5px;}
#bbs-comment-view .depth-3 {padding-left:60px;background-position:left 40px top 5px;}
#bbs-comment-view .depth-4 {padding-left:80px;background-position:left 60px top 5px;}
#bbs-comment-view .depth-5 {padding-left:100px;background-position:left 80px top 5px;}
#bbs-comment-form {border-top:1px solid #ccc;border-bottom:1px solid #ccc;margin:10px 0;padding:10px 0;}
#bbs-comment-form textarea {height:120px;}

#password-form {position:absolute;z-index:100;padding:15px;background:#fff;border:1px solid #ddd;display:none;}

/*공지사항*/
.bbs-list{padding:70px 0;}
.bbs-list .tit{margin-bottom:42px;}
.bbs-list .tit h4{font-size:42px;font-weight: 600;padding-top:22px;position: relative;}
.bbs-list .tit h4:before{position: absolute;left:0;top:0;width:120px;height: 3px;background: #151515;content:"";}

.bbs-list .table th{border-top:2px solid #151515;color:#555;}
.bbs-list .table th,.bbs-list .table tr{border-bottom: 1px solid #ddd !important;font-weight: 400; text-align: center;}
.bbs-list .table th:nth-child(2),.bbs-list .table tr td:nth-child(2){text-align: left;}
.bbs-list .table tr td{color:#333;line-height: 60px;}
.bbs-list .form-inline .form-control{border-radius: 0;}
.bbs-list .btn{border-radius: 0;background: #006dbb;border-color:#006dbb;}
.bbs-list .table td{border-top:none; }

.bbs-list .table{table-layout:fixed;}
.bbs-list-body tbody td.subject {width:100%; overflow:hidden; text-overflow:ellipsis; padding-right:100px;}
.bbs-list-body tbody td.subject a {white-space: nowrap; width:100%;}

.btn-dark{border-radius: 0;}

/* 모바일 */
@media (max-width:1200px) {

    /* List */
    .bbs-list.gallery .bbs-list-body .post {width:33%;margin-bottom:20px;}
    .bbs-list .tit{display: block !important;}

}
@media (max-width:768px) {
    /* List  */
    /*.bbs-list .wrap {width:100% !important;}*/
    .bbs-list .table tr td{line-height: 50px;}
    .bbs-list-body {}
    .bbs-list-body table {}
    .bbs-list-body colgroup,
    .bbs-list-body thead {display:none;}
    .bbs-list-body tbody {display:block;}
    .bbs-list-body tbody tr {position:relative; display:block; width:100%; overflow:hidden;}
    .bbs-list-body tbody td {display:block;}
    .bbs-list-body tbody td.no {display:none;}
    .bbs-list-body tbody td.subject a span {font-size: 14px;}
    .bbs-list-body tbody td.name {display:none;}
    .bbs-list-body tbody td.date {position:absolute; top:0; right:0; font-size: 14px;}
    .bbs-list-body tbody td.hit {display:none;}
    .bbs-list-footer {}
    .bbs-list-footer form {}
    .bbs-list-footer form select[name=category] {width:49%;margin-right:2% !important; font-size: 14px;}
    .bbs-list-footer form select[name=stype] {width:49%;margin-right:0 !important; font-size: 14px;}
    .bbs-list-footer form select,
    .bbs-list-footer form input {margin-bottom:5px;margin-right:0 !important;}
    .bbs-list-footer form input[type=submit] {}
    .bbs-list-footer {text-align:center;}
    .bbs-list-footer .align-right {display:block;width:100%;text-align:right;}
    .bbs-list-footer .align-right .btn {font-size: 14px;}
    .bbs-list-footer .float-left {width:auto;float:none !important;display:inline-block;padding-bottom:20px;}
    .bbs-list-footer .float-right {width:auto;float:none !important;}
    #board-write-btn {}
    .bbs-list.gallery .bbs-list-body .post {width:50%;margin-bottom:20px;}
    .pagination {margin:0 auto;}
    .pagination .page-link {font-size:12px;}
    .page-item.first,
    .page-item.previous,
    .page-item.next {display:none;}

    /* View */
    .bbs-view {}
    .bbs-view .wrap {width:100% !important;}
    .bbs-view .bbs-view-header,
    .bbs-view .bbs-view-body,
    .bbs-view .bbs-view-footer {padding:0 2%;}

    /* Write */
    .bbs-form {padding:0 2%;}
    .bbs-form .wrap {width:100% !important;}
    .bbs-form .bbs-form-body {}
    .bbs-form .bbs-form-body .col-sm-2 {text-align:left !important;padding:10px;}
    .bbs-form .bbs-form-body .col-sm-10 {}

    /**/
    .lock-post {padding:0 2%;}
    .lock-post .wrap {width:100% !important;}

    /* search form */
    .bbs-list-footer .float-left,
    .bbs-list-footer .float-right {text-align:right;}
    form[name=form_search] {position:relative;}
    form[name=form_search] select {display:block;width:80px !important;position:absolute;top:0; }
    form[name=form_search] input[type=text] {width:100%;margin-left:90px; font-size: 14px;}
    .bbs-list{margin-top: 0;}
    /*.bbs-list .table td{padding: 0.75rem 0 !important;}*/
    .bbs-list .tit{margin-bottom: 100px !important;}
    .bbs-list .table tr:first-child{border-top: 2px solid #000}
    
    .bbs-view .bbs-view-header {margin-bottom: 30px;}
    .bbs-view .bbs-view-header .subject{font-size: 20px; line-height: 1.3; margin-bottom: 10px;}
    .bbs-view .bbs-view-header .data {display: none;}
    .bbs-view .bbs-view-header .data .name{font-size: 14px;}
    
    .btn-dark{font-size: 14px;}
    
}

@media (max-width:370px) {
    .bbs-list-body table tbody td.no {display: none;}
    
    
}