@charset "utf-8";

/* 공지사항 상세 */
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; width: 100%; }
table.detail-table tbody tr th { width:120px; padding:10px 10px; border-top:solid 2px #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 { margin:25px 120px 30px 120px; color:#747474; font-weight:500; line-height:25px; }
table.detail-table tbody tr td .detail-content-info img {max-width:959px;}
table.detail-table tbody tr td .detail-content-info br {font-family:"Dotum"}
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:10%;}
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.detail-info table.search-area { width: 100%; }
div.contents div.page-contents div.s-page-content div.detail-info table.search-area th { width: 120px; padding: 10px; border-top: solid 1px #e1e1e1; border-right: 1px solid #e1e1e1; border-left: 3px solid #3d5a7c; border-bottom: 1px solid #e1e1e1; font-weight: bold; text-align: left; position: relative; }
div.contents div.page-contents div.s-page-content div.detail-info table.search-area td { padding: 10px; border: 1px solid #e1e1e1; }
div.contents div.page-contents div.s-page-content div.detail-info table.search-area td div.file-upload-area div.file-upload-row { margin-bottom: 10px; }
div.contents div.page-contents div.s-page-content div.detail-info table.search-area td div.file-upload-area div.file-upload-row:last-child { margin-bottom: 0; }
div.contents div.page-contents div.s-page-content div.detail-info table.search-area td div.file-upload-area div.file-upload-row span.download-file { cursor: pointer; }
div.contents div.page-contents div.s-page-content div.detail-info table.search-area td div.file-upload-area div.file-upload-row span.download-file:HOVER { text-decoration: underline; }

/* 댓글영역 */
div.contents div.page-contents div.s-page-content div.comment-area { border:1px solid #ddd; margin-top:10px; border-bottom:none; }
div.contents div.page-contents div.s-page-content div.comment-area .comment-cont { border-bottom:1px solid #ddd; color:#616161; }
div.contents div.page-contents div.s-page-content div.comment-area .comment-cont > .comment-sub-title { border-bottom:1px dotted #ddd; padding:10px 0 5px 5px; background:#f9f9f9; }
div.contents div.page-contents div.s-page-content div.comment-area .comment-cont > .comment-sub-title > .name { font-weight:bold; margin-right:5px; cursor:pointer; }
div.contents div.page-contents div.s-page-content div.comment-area .comment-cont > .comment-sub-cont { padding:10px; display:flex; }
div.contents div.page-contents div.s-page-content div.comment-area .comment-cont > .read { word-break: break-all; white-space:pre-wrap; }
div.contents div.page-contents div.s-page-content div.comment-area .comment-cont > .comment-sub-cont .target-txt{ font-weight:600; margin-right:5px; }
div.contents div.page-contents div.s-page-content div.comment-area .comment-cont > .comment-sub-title > div.sub-btn-area { float:right; margin-right:10px; }
div.contents div.page-contents div.s-page-content div.comment-area .comment-cont > .comment-sub-title > div.sub-btn-area.modify-cancle { display:none; }
div.contents div.page-contents div.s-page-content div.comment-area .comment-cont > .comment-sub-title > div.sub-btn-area > a.bar{ padding:0 2px; cursor:default; }
div.contents div.page-contents div.s-page-content div.comment-area .comment-cont > .comment-sub-cont .modify-active { width:100%;  }
div.contents div.page-contents div.s-page-content div.comment-area .comment-cont > .comment-sub-cont .modify-active .origin-content{ display:none; }
div.contents div.page-contents div.s-page-content div.comment-area .comment-cont > .comment-sub-cont .modify-active .origin-target { display:none; }
div.contents div.page-contents div.s-page-content div.comment-area .comment-cont > .comment-sub-cont .modify-active .modify-comment-input { width:90%; height:70px; resize:none; display:inline-block; padding:8px; }
div.contents div.page-contents div.s-page-content div.comment-area .comment-cont > .comment-sub-cont .modify-active .modify-comment-btn-area { width:10%; display:inline-block; text-align:center; }
div.contents div.page-contents div.s-page-content div.comment-area .comment-cont > .comment-sub-cont .modify-active .modify-comment-btn-area > a { display:inline-block;height:86px;width:65px; line-height:86px; border-radius:3px; cursor:pointer; border:1px solid #ddd; background:##f9f9f9; }
div.contents div.page-contents div.s-page-content div.comment-area .comment-cont > .comment-sub-cont .modify-active .tag { width:90%;padding:5px 0 5px 10px; height:17px; line-height:17px; }
div.contents div.page-contents div.s-page-content div.comment-area .comment-cont > .comment-sub-cont .modify-active .tag > * { display:none;}
div.contents div.page-contents div.s-page-content div.comment-area .comment-cont > .comment-sub-cont .modify-active .tag > img{ line-height:17px; position:relative; top:3px; }
div.contents div.page-contents div.s-page-content div.comment-area .comment-cont > .comment-sub-cont .modify-active .tag > .tag-name { line-height:17px; margin-left:5px; font-weight:600; }
div.contents div.page-contents div.s-page-content div.comment-area .comment-cont > .comment-sub-cont .modify-active .tag > .tag-remove { margin-left:5px; font-weight:600; cursor:pointer; }
div.contents div.page-contents div.s-page-content div.comment-area .comment-cont > .comment-sub-cont .modify-active .textarea-cont { display:flex; }

div.contents div.page-contents div.s-page-content div.comment-area div.comment-input-area { padding:10px 0; border-bottom:1px solid #ccc; position:relative;}
div.contents div.page-contents div.s-page-content div.comment-area div.comment-input-area .tag { width:90%;padding:5px 0 5px 10px; height:30px; line-height:17px; }
div.contents div.page-contents div.s-page-content div.comment-area div.comment-input-area .tag > * { display:none;}
div.contents div.page-contents div.s-page-content div.comment-area div.comment-input-area .tag > img{ line-height:17px; position:relative; top:3px; }
div.contents div.page-contents div.s-page-content div.comment-area div.comment-input-area .tag > .tag-name { line-height:17px; margin-left:5px; font-weight:600; }
div.contents div.page-contents div.s-page-content div.comment-area div.comment-input-area .tag > .tag-remove { margin-left:5px; font-weight:600; cursor:pointer; }
div.contents div.page-contents div.s-page-content div.comment-area div.comment-input-area .textarea-cont{ display:flex; }
div.contents div.page-contents div.s-page-content div.comment-area div.comment-input-area div.comment-disable-area{ height: 108px; width: 100%; position: absolute; left:0; top: 0px; z-index: 1; background: rgba(255,255,255,0.7); text-align:center; line-height:120px; font-size:13px; color:#969696; font-weight:600}
div.contents div.page-contents div.s-page-content div.comment-area div.comment-input-area textarea.comment-input-txt{ width:90%; height:70px; resize:none; display:inline-block; padding:8px; margin-left:10px; }
div.contents div.page-contents div.s-page-content div.comment-area div.comment-input-area div.comment-btn-area{ width:10%; display:inline-block; line-height:70px; text-align:center; }
div.contents div.page-contents div.s-page-content div.comment-area div.comment-input-area div.comment-btn-area > a { padding:10px; border-radius:3px; cursor:pointer; border:1px solid #ddd; background:##f9f9f9; }