@charset "utf-8";
/***********************************************************************************************************************
    style.css - boards 디렉토리 내부에서 사용되는 스타일
    1. 공통적으로 사용되는 스타일
    2. 게시판 리스트 페이지
    3. 게시판 뷰 페이지
    4. 게시판 등록/수정 페이지
***********************************************************************************************************************/
/* ---------------------------------------------------------------------------------------------------------------------
    1. 공통적으로 사용되는 스타일
--------------------------------------------------------------------------------------------------------------------- */
/* common style */
#article .section {

}
#article .section p {
    margin: 0 0 20px;
}
#article .section .highlight {
    color: #e70014 !important;
}
.article .section img {
    height: auto !important;
}

/* btn-area */
.btn-area {
    overflow: hidden;
    margin: 30px 0;
    text-align: center;
}

/* 게시판 테이블 */
.tb-notice-area {
    /*margin-top: 40px;*/
    width: 100%;
    /*border-top: 1px solid #dfdfdf;*/
    /*border-top: 1px solid #573a37;*/
}
.content-wrapper.notice .table-responsive > .table {
    border-top: 3px solid #1f67a6;
}
.content-wrapper.notice .table-responsive > .table th {
    background-color: #f3f9fe;
}
.content-wrapper.notice .table-responsive > .table th {
    border-right: 0;
}
.content-wrapper.notice .table-responsive > .table .article-text {
    padding: 20px;
}

.tb-notice {
    width: 100%;
    margin: 0 0 30px;
    table-layout: fixed;
}
.tb-notice th {
    padding: 5px 10px;
    font-size: 15px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #dfdfdf;
    background-color: #fafafa;
}
.tb-notice.tb-view th { /* view page table */
    padding: 5px;
}
.tb-notice.tb-view td.title { /* view page table */
    font-size: 15px;
}
.tb-notice td {
    padding: 8px 10px;
    line-height: 1.5;
    font-size: 14px;
    text-align: center;
    word-break: break-all;
    vertical-align: middle;
    border: 1px solid #e4e0e4;
}
.tb-notice td .form-group {
    margin: 0;
}
.tb-notice td a {
    text-decoration: none;
}
.tb-notice.tb-view td { /* view page table */
    padding: 5px 10px;
    text-align: left;
}
.tb-notice.tb-view td.article-text {
    padding: 30px 20px;
    text-align: justify;
    font-size: 15px;
}
.tb-notice.tb-view td.article-text .form-group {
    margin: 0;
}
.tb-notice td a:hover {
    color: #9f978c;
}
.tb-notice td i {
    display: inline;
    font-size: 17px;
}

/* ---------------------------------------------------------------------------------------------------------------------
    2. 게시판 리스트 페이지
--------------------------------------------------------------------------------------------------------------------- */
/* 게시판 테이블 */
#board_list th {
    padding: 5px 10px;
    font-size: 15px;
}


.tb-notice tr.reply td a {
    padding-left: 10px;
    /*background: url(/images/bg/bg_reply.jpg) left 1px no-repeat;*/
}
.tb-notice tr.reply td a .title {
    vertical-align: middle;
}
.pagination-area {
    text-align: center;
}

.reply-area {
    vertical-align: top !important;
}
.reply-area div.reply {
    padding: 25px 0  0 30px;
    /*background: url(/images/bg/bg_reply.jpg) 20px 26px no-repeat;*/
}
.reply-area div.reply .title {
    vertical-align: middle;
}

/* ---------------------------------------------------------------------------------------------------------------------
    3. 게시판 뷰 페이지
--------------------------------------------------------------------------------------------------------------------- */
/* 게시판 안에 포함된 테이블 */
#board_view td.article-text {
    font-weight: 400;
}
.tb-notice.tb-view td.article-text table {
    table-layout: fixed;
    width: 100%;
}
.tb-notice.tb-view td.article-text table th {
    word-break: break-all;
    white-space: normal;
    font-size: 13px;
    border: 1px solid #e4e0e4;
}
.tb-notice.tb-view td.article-text table td {
    word-break: break-all;
    white-space: normal;
    font-size: 13px;
    border: 1px solid #e4e0e4;
}
.tb-notice.tb-view td.article-text table td p {
    word-break: break-all;
    white-space: normal;
    font-size: 13px;
    text-align: left;
}

/* view-page list area */
.list-button-area {

}
.list-area {
    float: left;
}
.list-button-area .prev-list {
    width: 620px;
    height: 40px;
    overflow: hidden;
    border: 1px solid #9f978c;
    border-radius: 2px 2px 0 0;
}
.list-button-area .next-list {
    width: 620px;
    height: 40px;

    border: 1px solid #9f978c;
    border-top: 0;
    border-radius: 0 0 2px 2px;
}
.list-button-area .title {
    float: left;
    display: block;
    width: 78px;
    height: 39px;
    color: #573a37;
    text-align: center;
    line-height:40px;
    background-color: #e4e0e4;
}
.list-button-area .con-text {
    float: left;
    display: block;
    width: 540px;
    height: 40px;
    padding: 0 10px;
    line-height: 40px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.list-button-area .con-text a {
    color: #573a37;
    text-decoration: none;
}
.list-button-area .con-text a:hover {
    color: #837770;
}

.list-btn-area {
    float: right;
}
.list-btn-area a {
    display: block;
    width: 120px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    font-size: 18px;
    color: #573a37;
    outline: none;
    text-decoration: none;
    border: 1px solid #9f978c;
    border-radius: 2px;
    background-color: #e4e0e4;
}
.list-btn-area a:hover {
    color: #fff;
    border: 1px solid #573a37;
    background-color: #573a37;
}

/* ---------------------------------------------------------------------------------------------------------------------
    4. 게시판 등록/수정 페이지
--------------------------------------------------------------------------------------------------------------------- */

/* ==================================================================================
    검색
================================================================================== */
.search-area {
    position: relative;
    max-width: 100%;
    margin-bottom: 10px;
    text-align: right;
}
.search-area .board-search-radio {
    display: inline-block;
    margin: 0 3px 0 0;
    vertical-align: middle;
    font-size: 13px;
}
.search-area .board-search {
    display: inline-block;
    margin: 0 0 0 5px;
    vertical-align: middle;
}
.search-area .board-search .form-control {
    display: inline-block;
    width: 160px;
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
}
.search-area .board-search .btn {
    height: 30px;
    line-height: 30px;
    padding: 0 7px;
    font-size: 13px;
    border: 1px solid #0167B9;
    background-color: #0167B9;
    transition: all 0.25s;
}
.search-area .board-search .btn:hover {
    border: 1px solid #333;
    background-color: #333;
}

/***************************************************************************
    반응형 스타일
***************************************************************************/
/* max-width: 1200px */
@media only screen
and (max-width: 1200px) {

    /***************************************************************************
        Notice list
    ***************************************************************************/
    .article .section .table-responsive .table tbody td {
        padding: 10px 16px;
        font-size: 16px;
    }

}
/* max-width: 1100px */
@media only screen
and (max-width: 1100px) {

    /***************************************************************************
        Notice list
    ***************************************************************************/
    .article .section .table-responsive .table tbody td {
        padding: 10px 12px;
        font-size: 15px;
    }

}

/* max-width: 960px */
@media only screen
and (max-width: 960px) {

    /***************************************************************************
        Notice list
    ***************************************************************************/


}