body {
    font-size: 15px;
    background-color: #767676;
}

/*************************************************************
    layout
*************************************************************/
#event_wrap {
    width: 800px;
    margin: 0 auto;
    padding: 0 30px 50px;
    border-radius: 0 0 3px 3px;
    box-shadow: 0 0 7px rgba(0,0,0,0.75);
    background-color: #fff;
}
#event_wrap .innerwrap {
    width: 100% !important;
    margin: 0 auto;
    background-color: #fff;
}

/* header */
#event_header {
    padding: 20px 0;
    border-bottom: 3px solid #012873;
}
    #event_header h1 {
        position: static;
    }

/* event_container */
#event_container {
    padding: 30px 0;
}

/* event_footer */
#event_footer {
    border-top: 1px solid #dfdfdf;
    padding: 30px 0 0;
    line-height: 1.5;
    font-size: 13px;
    color: #767676;
    text-align: center;
}
#event_footer b {
    font-weight: 500;
    color: #012873;
}

/*************************************************************
    detail style
*************************************************************/
#event_wrap .section {
    min-height: 300px;
}

h2 {
    margin: 0 0 20px;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
}

#event_wrap .table th {
    font-weight: 500;
    vertical-align: middle;
    background-color: #f7f7f7;
}
#event_wrap .table td {
    vertical-align: middle;
    background-color: #fff;
}

#event_wrap .btn-area {
    margin-bottom: 10px !important;
    text-align: center !important;
}
#event_wrap .btn-area.ta-left {
    text-align: left !important;
}
#event_wrap .btn {
    float: none !important;
    margin: 0 5px;
}
#event_wrap .btn-area.ta-left .btn {
    margin: 0 5px 0 0;
}
#event_wrap .highlight {
    margin-bottom: 10px;
    color: #f33;
    text-align: center;
}

/* heading */
#event_wrap h1.sub-title {
    margin: 0 0 30px;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    color: #333;
}
#event_wrap h3 {
    margin: 0 0 10px;
    padding: 0;
    font-size: 15px;
    font-weight: bold;
    color: #337ab7;
    background: none;
}

/*
	table style
*/
.tb-layout-fixed { table-layout: fixed !important; }
.tb-layout-auto { table-layout: auto !important; }

/*
	font style
*/
.fs-12 { font-size: 12px !important; }

/**************************************************************************************
    Board style
**************************************************************************************/
/* board-page */
#event_wrap .section.event {
    text-align: justify;
}

.free-board-intro {
    margin: 0 0 30px;
}

#event_wrap .section.event .board-contents {
    /*text-align: justify;*/
    /*line-height: 1.8;*/
    /*word-break: keep-all;*/
    /*font-family: "맑은 고딕", "Malgun Gothic", "Nanum Gothic", Dotum, Gulim, sans-serif;*/
}
#event_wrap .section.event .board-contents strong {
    font-weight: bold;
}
#event_wrap .section.event .board-contents * {
    /*max-width: 730px !important;*/
    /*font-family: "맑은 고딕", "Malgun Gothic", "Nanum Gothic", Dotum, Gulim, sans-serif;*/
    /*line-height: 1.8;*/
    /*word-break: break-all;*/
    /*word-break: keep-all;*/
}
#event_wrap .section.event .board-contents h1 {
    font-size: 2em;
    font-weight: 500;
}
#event_wrap .section.event .board-contents h2 {
    font-size: 1.5em;
    font-weight: 500;
}
#event_wrap .section.event .board-contents h3 {
    font-size: 1.17em;
    font-weight: 500;
}
#event_wrap .section.event .board-contents h4 {
    font-size: 1em;
    font-weight: 500;
}
#event_wrap .section.event .board-contents h5 {
    font-size: .83em;
    font-weight: 500;
}
#event_wrap .section.event .board-contents h6 {
    font-size: .67em;
    font-weight: 500;
}
#event_wrap .section.event .board-contents table {
    /*max-width: 840px !important;*/
    width: 100% !important;
}

#event_wrap .section.event .board-list-area {
    margin-top: -30px;
}
.fs-15 {
    font-size: 15px;
}
#event_wrap .section.event .reply {
    font-size: 14px;
    color: #5bc0de;
}
#event_wrap .section.event .reply a {
    font-size: 14px;
    color: #27a2c5;
}
#event_wrap .section.event .reply a:hover {
    color: #1578c4;
}
#event_wrap .section.event .reply .label {
    margin: 0 5px 0 2px;
    border-radius: 2px;
}
#event_wrap .section.event .table-responsive {
    border: 0;
}
#event_wrap .section.event .table-responsive > .table {
    /*max-width: 840px;*/
    width: 100%;
    /*width: 840px;*/
    border-top: 3px solid #1578c4;
}
#event_wrap .section.event .table-responsive > .table th {
    font-size: 15px;
    padding: 10px 5px;
    vertical-align: middle;
}
#event_wrap .section.event .table-responsive > .table td {
    font-size: 15px !important;
    padding: 10px 5px;
    vertical-align: middle;
}
#event_wrap .section.event .table-responsive > .table tr.td-highlight td {
    font-size: 15px !important;
}
#event_wrap .section.event .table-responsive > .table td .label.label-primary {
    background-color: #1e7abf;
}
#event_wrap .section.event .table-responsive > .table td a {
    color: #052f70;
    transition: all 0.25s;
}#event_wrap .section.event .table-responsive > .table td a:hover {
    color: #74a1f3;
}

#event_wrap .section.event .table {
    width: 100%;
    border-bottom: 1px solid #dfdfdf;
}
#event_wrap .section.event .table.tb-fixed {
    table-layout: fixed;
}
#event_wrap .section.event .table caption{
    text-align: right;
    padding: 5px 0;
}
#event_wrap .section.event .table thead{

}
#event_wrap .section.event .table thead th{
    font-size: 13px;
    font-weight: 700;
    vertical-align: middle;
}
#event_wrap .section.event .table tbody {

}
#event_wrap .section.event .table .tb-file-area th {
    font-size: 13px;
    font-weight: 700;
}
#event_wrap .section.event .table .tb-file-area td a {
    font-size: 13px;
}
#event_wrap .section.event .table tbody td.tb-title {
    font-size: 16px;
    font-weight: 700;
}
#event_wrap .section.event .table tbody td {
    vertical-align: middle;
}
#event_wrap .section.event .table tbody tr.board-contents > td {
    padding: 30px 19px 30px;
}
#event_wrap .section.event .table tbody tr.board-contents > td p,
#event_wrap .section.event .table tbody tr.board-contents > td img {
    max-width: 100% !important;
    height: auto !important;
}
#event_wrap .section.event .table-responsive > .table > tbody > tr.board-contents > td {
    white-space: normal;
}

#event_wrap .section.event .td-bottom-area {
    text-align: center;
}

#event_wrap .section.event .btn-area {
    text-align: center;
    overflow: hidden;
}
#event_wrap .section.event .btn-area a {
    margin: 0 5px;
}

#event_wrap .section.event .btn-area-admin {
    margin: 0 0 15px;
    padding: 10px 0;
    text-align: center;
    border: 1px solid #dfdfdf;
    border-radius: 5px;
    background-color: #f0f0f0;
}

#event_wrap .section.event .search-area {
    display: inline-block;
    margin: 0 auto;
}
#event_wrap .section.event .search-area .board-search-radio {
    float: left;
    margin: 7px 10px 0 0;
}
#event_wrap .section.event .search-area .board-search {
    float: left;
    margin: 5px 0 0 10px;
}
#event_wrap .section.event .search-area .board-search .form-control {
    display: inline-block;
    width: 200px;
    vertical-align: middle;
}

/* paging */
#event_wrap .section.event .pagination {
    margin: 10px 0;
}

/* 라벨 */
#event_wrap .section.event .label {
    border-radius: 2px;
}
#event_wrap .section.event .label.label-xs.label-event {

}
