/* --------------------------- 게시판 --------------------------- */

/* 게시판 최신 목록 */
.table-board-latest > thead > tr > th.name, .table-board-latest > tbody > tr > td.name {
    width: 80px;
}

/* 게시물이 없습니다. */
.board-list-empty {
    margin: 30px auto;
    text-align: center;
}

/* 블로그 목록 */
.board-blog-list {
    border-top: 2px solid #000;
    padding-top: 10px;
}

.board-blog-list > .row {
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 15px;
}

.blog-content {
    color: #777;
    font-size: 14px;
    line-height: 2.0;
    text-align: justify;
}

.blog-content > .blog-summary-body {
    height: 135px;
    overflow: hidden;
}

.blog-content > .text-right.text-xm > span {
    border: solid 1px #b2b2b2;
    margin-right: 10px;
}

.blog-content > .list-inline {
    margin-bottom: 0;
}

/* 갤러리 목록 */
.board-gallery-list {
    border-top: 2px solid #000;
    padding-top: 10px;
}

.board-gallery-list > ul > li {
    padding-right: 7px;
    padding-left: 7px;
    padding-bottom: 14px;
}

.board-gallery-list > ul > li > .title {
    margin-top: 5px;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.board-gallery-list .photo-blank {
    background: #efefef;
    opacity: 0.3;
}

.board-gallery-list.x-large .photo-blank {
    padding: 62px;
}

.board-gallery-list.x-large > ul > li > .title {
    width: 220px;
}

.board-gallery-list.large .photo-blank {
    padding: 12px;
}

.board-gallery-list.large > ul > li > .title {
    width: 120px;
}

/* 게시판 읽기 */
.board-show > .board-show-title {
    border-bottom: 3px solid #d2d6de;
}

.board-show > .board-show-content {
    padding: 10px;
    border-bottom: 1px solid #d2d6de;
    margin-bottom: 15px;
    min-height: 150px;
}

/* 모바일 고려하여 가로 최대폭이 100% 넘지 않도록 함 */
.board-show > .board-show-content img {
    max-width: 100% !important;
}

.board-show > .board-show-title > .title {
    float: left;
}

.board-show > .board-show-title > .board-show-info {
    float: right;
    line-height: 39px;
}

.board-show-info > span {
    margin-left: 15px;
}

.board-show-info > span > .title {
    color: #9c9c9c;
    margin-right: 5px;
}

/* 댓글 */
.comment-box > .title {
    border-bottom: 1px solid #000;
    padding-bottom: 10px;
}

.comment-detail {
    padding: 20px;
    border-bottom: 1px solid #ddd;
}

.comment-detail > .comment-info {
    margin-bottom: 5px;
}

.comment-detail > .comment-info > .date {
    font-size: 11px;
}

.comment-detail > .comment-info > span {
    margin-left: 8px;
}

.comment-form-box {
    padding-bottom: 20px;
    border-bottom: 1px solid #d2d6de;
    margin-bottom: 20px;
}

.comment-form-box > form > .name {
    font-weight: bold;
    padding: 20px 0 0 20px;
}

.comment-form-box > form > .name > .material-icons {
    vertical-align: -27%;
}

.comment-form-box > .login-required, .comment-box > .permission-denied {
    text-align: center;
    border: 1px solid #ddd;
    padding: 30px 0;
    margin: 40px 30px 10px 30px;
}

.comment-create-form {
    padding-left: 20px;
    padding-right: 20px;
}

.comment-create-form > span {
    width: 100%;
    margin-right: -90%;
    padding-right: 90px;
    float: left;
}

.comment-create-form > button {
    width: 90px;
    float: right;
}

.comment-create-form:after {
    clear: both;
    display: table;
    content: " ";
}

.comment-create-form > span > textarea,
.comment-create-form > button {
    height: 100px !important;
    margin: 0;
    border-radius: 0;
}

/* 댓글이 없습니다. */
.comment-list-empty {
    margin: 0 auto;
    padding: 20px;
    border-bottom: 1px solid #ddd;
    text-align: center;
}

/* 비밀글, 비밀 댓글 */

.board-show .secret-icon, .comment-detail > .comment-content > .secret-icon {
    color: #ec971f;
    vertical-align: -24%;
}

.board-show > .board-show-content > .secret-cant-read, .comment-detail > .comment-content > .secret-cant-read {
    color: #a06004;
}


/* 댓글수 */
.comment-count {
    color: orangered;
    margin-left: 5px;
    font-size: 11px;
    font-weight: bold;
}