@charset "utf-8";

a.btn-type-08 { background-color: #3d5a7c; color: #FFFFFF; margin-left: 5px; border-radius: 3px; border: 1px solid #314965; position:relative; top:2px; }
a.btn-type-08.btn-search { display: inline-block; vertical-align: top; height: 30px; font-size: 12px; padding: 0 20px; border: none; border-radius: 3px; background: #3d5a7c; color: #fff; line-height: 30px; }

/* 라벨 */
span.label-new { margin-right: 5px; }

/* 공지사항 상세 */
div.contents div.page-contents div.s-page-content div.detail-info {margin-bottom:15px; border-bottom:1px solid #f3f3f3;}
table.detail-table {margin-bottom:10px; }
table.detail-table tbody tr th {	width:120px; padding:10px 10px; border-top:solid 3px #3d5a7c; border-right:1px solid #e1e1e1; border-left:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; font-weight:bold;text-align:left;position:relative; }
table.detail-table tbody tr th .writer-area { position:absolute; right:15px; top:10px; } 
table.detail-table tbody tr th .writer-area .writer-info-title { color:#747474; border-right:1px solid #747474; padding-right:5px; font-weight:600; font-size:11px; }
table.detail-table tbody tr th .writer-area .writer-info-cont { color:#747474; padding-left:5px;margin-right:13px; font-weight:600; font-size:11px; }
table.detail-table tbody tr th .writer-area .date-info { color:#878787; font-weight:500; font-size:10px;}
table.detail-table tbody tr td { padding:30px 0 0 0; border-bottom:none; }
table.detail-table tbody tr td img { display:block; margin:0 0; }
table.detail-table tbody tr td .detail-content-info { text-align:center; margin:25px 120px 30px 120px; font-size:11px; color:#747474; font-weight:500; line-height:25px; }
table.detail-table tbody tr td .detail-list-area { text-align:left; border-bottom:1px solid #e3e3e3;}
table.detail-table tbody tr td .detail-list-area>div {display:flex; }
table.detail-table tbody tr td .detail-list-area>div>div{ border-top:1px solid #e3e3e3; color:#8d8d8d; display:inline-block;}
table.detail-table tbody tr td .detail-list-area>div>div.title{ background:#f8f8f8; border-right:1px solid #e3e3e3; padding:4px 21px 4px 12px; width:5%;}
table.detail-table tbody tr td .detail-list-area>div>div.content{ background:#fff; padding:4px 0 4px 14px;width:95%;}
div.contents div.page-contents div.s-page-content div.detail-info .btn-area { margin-bottom:15px; height:21px; }
div.contents div.page-contents div.s-page-content div.detail-info .btn-area a { float:right; cursor:pointer; }

div.contents div.page-contents div.s-page-content div.p-content-bottom{ height:25px; }
div.contents div.page-contents div.s-page-content div.p-content-bottom div.filter-select { float:right;}
div.contents div.page-contents div.s-page-content div.p-content-bottom div.filter-select select { width:80px;padding: 2px 5px; background-color: #fbfbfb; height: 25px; font-size: 11px; font-weight: bold; color: #7c7c7c; border: 1px solid #e5e5e5; margin-right: 10px; }

.p-content-bottom div.search-input { position: relative; display: inline-block; margin-right:10px;}
.p-content-bottom div.search-input input { font-size: 12px; padding: 3px 7px; width: 200px; border: 1px solid #f0efef; border-radius: 3px; background-color: #fafafa;}
.p-content-bottom div.search-input img.ico-search { position: absolute; top: 6px; right: 7px; }

/* 리스트 */
div.cont-info table.vertical-table { width: 100%; margin-top:10px; text-align:center; }
div.cont-info table.vertical-table thead tr { border-bottom: 1px solid #e1e1e1; }
div.cont-info table.vertical-table thead tr th {
    font-weight: bold; color: #565656; position: relative; padding: 8px 5px; border-top:2px solid #3d5a7c;
	text-align:center; background: rgba(252,252,252,1);
    background: -moz-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(242,242,242,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(252,252,252,1)), color-stop(100%, rgba(242,242,242,1)));
    background: -webkit-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(242,242,242,1) 100%);
    background: -o-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(242,242,242,1) 100%);
    background: -ms-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(242,242,242,1) 100%);
    background: linear-gradient(to bottom, rgba(252,252,252,1) 0%, rgba(242,242,242,1) 100%);
}
div.cont-info table.vertical-table tbody tr { border-bottom: 1px solid #e1e1e1; }
div.cont-info table.vertical-table tbody tr td { color: #6b6b6b; padding: 7px 10px; }
div.cont-info table.vertical-table tbody tr td > * { display: inline-block; vertical-align: middle; }
div.cont-info table.vertical-table tbody tr td.new:AFTER { background-image: url(/web/img/common/ico_new.png); content: ""; display: inline-block; width: 29px; height: 11px; background-size: 29px; margin-left: 10px; background-repeat: no-repeat; }
div.cont-info table.vertical-table tbody tr td span.notice-title { width: 540px; margin-left: 5px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
div.cont-info table.vertical-table tbody tr td span.notice-title a:HOVER { text-decoration: underline; }

div.cont-info table.vertical-table tbody tr.priority-notice-row { background-color: #fafafa; }
div.cont-info table.vertical-table tbody tr.priority-notice-row.last { border-bottom: 1px solid #cccccc; }
div.cont-info table.vertical-table tbody tr.priority-notice-row td span.priority-notice-title { font-weight: bold; color: #f36868; }

/* 하단 검색영역 */
div.contents div.page-contents div.s-page-content div.cont-button-area { text-align: right; margin: 20px 0; }
div.contents div.page-contents div.s-page-content div.cont-button-area > * { display: inline-block; vertical-align: middle; margin-right: 10px; }
div.contents div.page-contents div.s-page-content div.cont-button-area > *:last-child { margin-right: 0; }
div.contents div.page-contents div.s-page-content div.cont-button-area a img { vertical-align: middle; }
div.contents div.page-contents div.s-page-content div.cont-button-area div.search-input { position: relative; display: inline-block; }
div.contents div.page-contents div.s-page-content div.cont-button-area div.search-input input { font-size: 12px; padding: 3px 7px; width: 200px; height: 30px; border: 1px solid #f0efef; border-radius: 3px; background-color: #fafafa; vertical-align: inherit; }
div.contents div.page-contents div.s-page-content div.cont-button-area div.search-input img.ico-search { position: absolute; top: 6px; right: 7px; }
div.contents div.page-contents div.s-page-content div.cont-button-area select { font-size: 11px; width: 80px; border: 1px solid #dee3eb; }

div.cont-info table.vertical-table tbody tr td span.board-cnt { margin-left: 3px; color: #F09A01; }