.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th { vertical-align: middle }
.table-board th { background: #fafafa }
.table-board td a:not(.btn-not-a) { display: inline-block; height: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 390px }
.table-board .checkbox { margin: 0 }
.table-board .heading-notice { background: #f5f5f5 }
.table-board .edit a { display: inline-block; padding-right: .2em; color: #ccc }
.table-board .edit a:hover { color: #222 }
.table-board .contents-wrapper { word-break: break-all; text-align: justify }
.attach-files .file { width: 48%; float: left; margin: 1%; padding: 5px; background: #fafafa; border-bottom: 1px solid #eee; border-right: 1px solid #eee }
.attach-files .file .file-link { display: inline-block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; height: 20px }
.attach-files .file .fa-file-o { margin: 4px }
.view-attach-files { font-size: 11px; text-align: right }
.view-attach-files .file-down { word-break: break-all; display: inline-block; }
.view-attach-files .fa-file-o { margin-right: 2px }

#wrapper-popup .table-board thead th { word-break: break-all; text-align: left; padding:10px; font-size:13px; border-bottom: 1px solid #ddd; margin-bottom: 10px;}
#wrapper-popup .table-board td{text-align: left; border-bottom: 1px dashed #ccc; padding:10px; line-height: 24px;}
#wrapper-popup .table-board td a { height: auto; overflow: auto; text-overflow: initial; white-space: normal; display: unset; width: auto }
#wrapper-popup { position: relative; background-image: url(../img/bg-notice-popup.jpg); background-repeat: no-repeat; height: 560px }
#wrapper-popup .view-box { height: 495px; overflow: hidden }
#wrapper-popup .heading { margin-top: 20px; height: 90px; text-align: center; border-bottom: 1px solid #eee; margin-bottom: 10px }
#wrapper-popup .table-area { width: 100%px; height: 370px; overflow-y: scroll; overflow-x: hidden; padding-bottom: 10px; position: relative }
#wrapper-popup .table-area .modal-guide { position: absolute; width: 100%; height: 370px; background: rgba(0,0,0,.4); display: none }
#wrapper-popup .contents-wrapper { width: 100%;}
#wrapper-popup .form { margin: 0; width: 100%; padding-top: 10px; border-top: 1px solid #eee }
#wrapper-popup .form-check { margin-left: 5px }
#wrapper-popup .form-check-input { vertical-align: middle; }
#wrapper-popup .form-check-label { font-size: 11px; font-weight: 400; color: #666 }
#wrapper-popup .form-check-input[type="checkbox"]{ display: none;}
#wrapper-popup .form-check label{  height:16px; margin-right: 5px; line-height:16px; padding-left:25px; display:inline-block; background:url(../img/img-sub/check.png) no-repeat 0 0; 
  font-size:13px; vertical-align:middle; cursor:pointer;}
#wrapper-popup .form-check-input[type="checkbox"]:checked + label{ background-position: 0 -15px;}
#wrapper-popup .btn-clear { background: #fff; font-size: 11px; border: 1px solid #eee }
#wrapper-popup .container { width: 100%; margin-left: 0 }
#wrapper-popup .view-attach-files .file-down { word-break: break-all; display: inline-block; }