@charset "utf-8";




/* 표 전체 */
.cel-table table tr th { vertical-align: middle; padding: 5px; font-weight: bold; text-align: center; }
.selec-input { display: inline-block; text-align: center; width: 5%; position: relative; font-size: 12px; line-height: 27px; vertical-align: middle; background-color: #fff; border: 1px solid #dee3eb; font-weight: 500; height: 28px; border-radius: 3px; transition: border-color .2s ease, box-shadow .2s ease; cursor: pointer; margin-left: 10px; margin-right: -5px;}
.selec-input > [type='file'] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; z-index: 301; cursor: pointer;}
.selec-input > label { color: #333;white-space: nowrap;opacity: .8;vertical-align: top;font-family: 'dotum';padding-left: 10x;font-size: 11px;font-weight: bold;letter-spacing: -1px;cursor: pointer;}


/* 이용자 현황 표 */
.hard-table { margin-top: 25px;}
.hard-table table { width: 100%; font-size: 12px; border-top: 1px solid #aaa; table-layout: fixed;}
.hard-table table thead tr { background: #ECECEC; border-bottom: 1px solid #cecece; }
.hard-table table thead tr th { vertical-align: middle; padding: 5px; font-weight: bold; text-align: center;border-left: 1px solid #cecece;}
.hard-table table tbody tr { background: #fff; transition: background .25s ease; border-bottom: 1px solid #dee3eb;}
.hard-table table tbody tr td { vertical-align: middle; padding: 5px;}
.hard-table table tbody tr td a:not(.normal-btn) { color: #0DA5D4; text-decoration: underline;}


/* 팝업 */
.pop-wrap .pop-bg .pop-layer-wrap { position: absolute;top: 50%;left: 50%;width: 30%;max-height: 800px;overflow-y: auto;padding: 30px;background: #fff;box-shadow: 0 0 15px rgba(0,0,0,0.3);border-radius: 5px;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.pop-wrap .pop-bg .pop-layer-wrap .text-info { color: #c73232; padding-top: 5px;}
.info-table td ul {padding-top: 5px;}
.info-wrap { margin: 12px 0 15px 5px; padding-bottom: 5px; color: #949494;}
.info-wrap .info { color: #1e1c1c; font-weight: bold;}
.info-detail .info-wrap i { align-items: center;  color: #911414; margin: 4px 5px 4px 5px; }