#container .wd10p {width:calc(10% - 4px);}

#container .btn.bg-red {background:#ff0000;}
#container .btn.bg-red span {color:#fff;}

#container .wh-table-wrap table tbody td a:hover{color:#385FC7;text-decoration:underline;font-weight: bolder;}
#container .wh-table-wrap .cursor:hover td:not(.notCursor){color:#385FC7;text-decoration:underline;cursor:pointer}


#container .file-area  i { cursor: pointer};
#container .file-area .ico-bmp {width:20px; height:20px; background:url(../images/ico-bmp.svg) center no-repeat; margin:0 3px; }
#container .file-area .ico-dib {width:20px; height:20px; background:url(../images/ico-dib.svg) center no-repeat; margin:0 3px;}
#container .file-area .ico-doc {width:20px; height:20px; background:url(../images/ico-doc.svg) center no-repeat; margin:0 3px;}
#container .file-area .ico-docx {width:20px; height:20px; background:url(../images/ico-docx.svg) center no-repeat; margin:0 3px;}
#container .file-area .ico-gif {width:20px; height:20px; background:url(../images/ico-gif.svg) center no-repeat; margin:0 3px;}
#container .file-area .ico-jpeg {width:20px; height:20px; background:url(../images/ico-jpeg.svg) center no-repeat; margin:0 3px;}
#container .file-area .ico-jpg {width:20px; height:20px; background:url(../images/ico-jpg.svg) center no-repeat; margin:0 3px;}
#container .file-area .ico-png {width:20px; height:20px; background:url(../images/ico-png.svg) center no-repeat; margin:0 3px;}
#container .file-area .ico-ppt {width:20px; height:20px; background:url(../images/ico-ppt.svg) center no-repeat; margin:0 3px;}
#container .file-area .ico-pptx {width:20px; height:20px; background:url(../images/ico-pptx.svg) center no-repeat; margin:0 3px;}
#container .file-area .ico-rar {width:20px; height:20px; background:url(../images/ico-rar.svg) center no-repeat; margin:0 3px;}
#container .file-area .ico-raw {width:20px; height:20px; background:url(../images/ico-raw.svg) center no-repeat; margin:0 3px;}
#container .file-area .ico-rle {width:20px; height:20px; background:url(../images/ico-rle.svg) center no-repeat; margin:0 3px;}
#container .file-area .ico-tif {width:20px; height:20px; background:url(../images/ico-tif.svg) center no-repeat; margin:0 3px;}
#container .file-area .ico-tiff {width:20px; height:20px; background:url(../images/ico-tiff.svg) center no-repeat; margin:0 3px;}
#container .file-area .ico-txt {width:20px; height:20px; background:url(../images/ico-txt.svg) center no-repeat; margin:0 3px;}
#container .file-area .ico-xls {width:20px; height:20px; background:url(../images/ico-xls.svg) center no-repeat; margin:0 3px;}
#container .file-area .ico-xlsx {width:20px; height:20px; background:url(../images/ico-xlsx.svg) center no-repeat; margin:0 3px;}
#container .file-area .ico-zip {width:20px; height:20px; background:url(../images/ico-zip.svg) center no-repeat; margin:0 3px;}

.pop-container .wh-title-flex{display:flex; align-items:center; padding:24px;}

.pop-container .wh-title-flex .total {font-size:13px; letter-spacing:-0.033em; color:#767676;}
.pop-container .wh-title-flex .total .t-blue {color:#385FC7; font-weight:600;}
.pop-container .wh-title-flex .total .t-red {color:#ff0000; font-weight:600;}
.pop-container .wh-title-flex .btn-area2 {margin-left:auto; display:flex; align-items:center;}
.pop-container .wh-title-flex .btn-area2 .btn {margin-left:5px;}

.pop-container .wh-table-wrap table {border-top:2px solid #333; width:100%; table-layout:fixed;  border-collapse:collapse;}
.pop-container .wh-table-wrap table thead th {background:#F6F6F6; height:32px; border-bottom:1px solid #CCCCCC; border-left:1px solid #CCCCCC; text-align:center; line-height:32px; font-size:15px; letter-spacing:-0.038em; color:#333; font-weight:700;}
.pop-container .wh-table-wrap table thead th:first-child {border-left:0;}
.pop-container .wh-table-wrap table .bd-left {border-left:1px solid #CCCCCC !important;}
.pop-container .wh-table-wrap table strong {font-weight:700;}
.pop-container .wh-table-wrap table .t-15 {font-size:15px;}
.pop-container .wh-table-wrap table .t-13 {font-size:13px;}
.pop-container .wh-table-wrap table .t-11 {font-size:11px;}
.pop-container .wh-table-wrap table .t-15 {font-size:15px;}
.pop-container .wh-table-wrap table tbody th {background:#F6F6F6;border-bottom:1px solid #CCCCCC; border-left:1px solid #CCCCCC; text-align:center; font-size:15px; letter-spacing:-0.038em; color:#333; padding:3px 5px; line-height:22px;}
.pop-container .wh-table-wrap table tbody td {border-bottom:1px solid #CCCCCC; border-left:1px solid #CCCCCC; text-align:left; font-size:15px; letter-spacing:-0.038em; color:#333; padding:3px 5px; line-height:22px;}
.pop-container .wh-table-wrap table .align-left {text-align:left !important;}
.pop-container .wh-table-wrap table .align-right {text-align:right !important;}
.pop-container .wh-table-wrap table .align-center {text-align:center !important;}
.pop-container .wh-table-wrap table tbody td:first-child {border-left:0;}
.pop-container .wh-table-wrap table tbody th:first-child {border-left:0;}
.pop-container .wh-table-wrap table tbody td .ico-state {display:flex; height:24px; border-radius:12px;  margin:0 auto; font-size:14px; align-items:center; justify-content:center; width:64px;}
.pop-container .wh-table-wrap table tbody td .ico-state.green-state {background:#04B014; color:#fff;}
.pop-container .wh-table-wrap table tbody td .ico-state.red-state {background:#E31100; color:#fff;}
.pop-container .wh-table-wrap table tbody td a.list-link {display:block; width:100%; text-align:left; box-sizing:border-box; padding:0 20px;}
.pop-container .wh-table-wrap table tbody td .btn-area {margin-top:0; display:flex; align-items:center; justify-content:center;}
.pop-container .wh-table-wrap table tbody td .btn-area .btn {padding:0 15px; height:24px; display:flex; border-radius:12px; align-items:center; margin:0 2px; }
.pop-container .wh-table-wrap table .bg-gray {background:#F6F6F6;}
.pop-container .wh-table-wrap table tfoot th {background:#F6F6F6; height:32px; border-bottom:1px solid #CCCCCC; border-left:1px solid #CCCCCC; text-align:center; line-height:32px; font-size:15px; letter-spacing:-0.038em; color:#333; font-weight:700;}
.pop-container .wh-table-wrap table tfoot th:first-child {border-left:0;}
.pop-container .wh-table-wrap table tfoot td {background:#F6F6F6; height:32px; border-bottom:1px solid #CCCCCC; border-left:1px solid #CCCCCC; text-align:center; line-height:32px; font-size:15px; letter-spacing:-0.038em; color:#333; font-weight:700;}


#container .form-ta {width:100%;  font-size:14px; color:#111; border : 0; resize:none;}


/* 게시글 댓글 */
.comment-section { padding: 10px;}
.comment-section h4 { display: block; font-size: 14px;}
.comment-list.reply { padding-left: 20px;}
.comment-list.reply .info::before { content: "L"; color: #ddd;}
.comment-list,
.comment-write { font-size: 0.8rem; padding: 5px 0; border : 2px solid rgba(0, 0, 0, 0.1); padding: 16px 10px 10px 18px;}
.comment-list .info { padding: 2px 0;}

.comment-list .view textarea { resize: none; border: none; background: rgba(0,0,0,.03);}
.comment-list .name { font-weight: bold;}
.comment-list .btn-area,
.comment-write .btn-area { padding-top: 5px;}
.comment-write textarea { border-color: rgba(0,0,0,.5);}
.comment-list .btn,
.comment-list .badge { vertical-align: middle; margin-top: -3px;}
.badge {
	font-size: 75%;
	font-weight: 600;
	display: inline-block;
	min-width: 10px;
	padding: 0px 5px 0px 3px;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	background-color: #777;
	-webkit-border-radius: 12px;
	border-radius: 12px
}
.badge.badge-primary {
	background: #348fe2
}