@charset "utf-8";

.board-list table { width: 100%; }
.board-list table thead tr td, .board-list table tbody tr td { padding: 10px 0; }
.board-list table thead tr td { color: #0B3CAC; text-align: center; border-bottom: solid 1px #0B3CAC; }
.board-list table tbody tr td { text-align: center; border-bottom: solid 1px #e1e1e1; }
.board-list table tr .uid { width: 10%; }
.board-list table tr .title { width: 45%; }
.board-list table tr .user { width: 10%; }
.board-list table tr .date {  width: 15% }
.board-list table tr .view { width: 10%; }
.board-list table tr .result { width: 10%; }
.board-list table tbody tr .title { text-align: left; }
.board-list table tbody tr .title i { width: 24px; height: 24px; display: inline-block; background: url(../img/lock.svg) center center no-repeat; margin-right: 10px; }
.board-list .btn { text-align: right; padding: 20px 0 0 0; }
.board-list .btn a { display: inline-block; padding: 5px 15px; background-color: #0B3CAC; border-radius: 3px; color: #fff; }

.board-list2 { width: 100%; border-top: 1px solid #131313; }
.board-list2 table { width: 100%; }
.board-list2 table thead tr td, .board-list2 table tbody tr td { padding: 10px 0; }
.board-list2 table thead tr td { color: #0B3CAC; text-align: center; border-bottom: solid 1px #0B3CAC; }
.board-list2 table tbody tr td { text-align: center; border-bottom: solid 1px #e1e1e1; }
.board-list2 table tr .title { width: 60%; }
.board-list2 table tr .date {  width: 20% }
.board-list2 table tr .modify { width: 20%; }
.board-list2 table tbody tr .title { text-align: left; }
.board-list2 table tbody tr .title i { width: 24px; height: 24px; display: inline-block; background: url(../img/lock.svg) center center no-repeat; margin-right: 10px; }
.board-list2 .btn a { display: inline-block; padding: 5px 15px; background-color: #0B3CAC; border-radius: 3px; color: #fff; }
.board-list2 table tr td .btn-modify { font-size: 16px; font-weight: 500; padding: 5px 10px; background-color: #343434; color: #fff; border-radius: 5px; }

.board-view { }
.board-view dl { }
.board-view dl dt { border-bottom: solid 1px #e1e1e1; font-size: 21px; padding-bottom: 10px; color: #121212; }
.board-view dl dd.title-area { display: flex; justify-content: space-between; padding: 10px 20px; background-color: #f7f7f7; border-bottom: solid 1px #e1e1e1; }
.board-view dl dd.title-area .label { display: inline-block; width: 100px; color: #121212; }
.board-view dl dd.text-area { padding: 20px; border-bottom: solid 1px #999; }
.board-view .btn { text-align: right; padding: 20px 0 0 0; }
.board-view .btn a { display: inline-block; padding: 5px 15px; background-color: #0B3CAC; border-radius: 3px; color: #fff; }

.schedule { width: 100%; overflow-x: scroll; padding: 10px; }
.schedule .inner-box { width: inherit; }
.schedule .inner-box table { border-top: solid 1px #e1e1e1; border-left: solid 1px #e1e1e1; width: 100%; }
.schedule .inner-box table th { border-right: solid 1px #e1e1e1; border-bottom: solid 2px #334595; }
.schedule .inner-box table td { border-right: solid 1px #e1e1e1; border-bottom: solid 1px #e1e1e1; }
.schedule .inner-box table th, .schedule .inner-box table td { padding: 5px; font-size: 14px; }
.schedule .inner-box table thead tr th:first-child, .schedule .inner-box table thead tr td:first-child { width: auto; }
.schedule .inner-box table thead tr th, .schedule .inner-box table tbody tr td { width: 120px; }
.schedule .inner-box table thead tr th { padding: 10px 0; font-weight: 700; color: #121212; }
.schedule .inner-box table tbody tr td span { display: block; position: relative; }
.schedule .inner-box table tbody tr td.center { text-align: center; font-weight: 700; color: #121212; }

@media screen and (max-width:768px) {
	.board-list table, .board-list2 table { margin-top: 30px; }
}