@charset "utf-8";

.adminWrap {background-color: #f4f4f4; display: flex; flex-direction: column; gap: 30px;}
.admin-tit {font-size: 18px; line-height: 1.4; text-align: center; margin-top: 30px;}
.login-form {
    position: relative;
    margin: 0 auto;
    width: 400px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 30px;
}
.login-form li {
    display: flex;
    align-items: center;
    gap: 12px;
}
.login-form li input, .login-form li button {flex: 1 1 0%;}
.formBtn {color: white; background-color: #004EA2; border-radius: 4px; min-height: 36px;}
.id-save input {
    width: 20px;
    height: 20px;
    margin-right: 5px;
}
.adminWrap .boardWrap {background-color: #fff; border: solid 1px #ddd; border-radius: 10px; padding: 30px;}
.adminWrap .view-head {border-top: 0;}
.btnArea {display: flex; align-items: center; justify-content: right; gap: 4px; margin-top: 12px;}
.board-form {display: flex; flex-direction: column; gap: 12px;}
.board-form dl {display: flex; gap: 12px; align-items: stretch;}
.board-form dt {width: 100px; background-color: #f4f4f4; text-align: center; font-weight: 500; padding: 12px 0;}
.board-form dd {flex: 1 1 0%; display: flex; align-items: center;}
.editor {min-height: 400px; background: #f9f9f9;}
.innerBtn {display: flex; gap: 4px; justify-content: center;}
.innerBtn button {min-height: 30px; line-height: 30px !important; color: #009F82 !important; border-color: #009F82;}
.bullet {display: block; font-size: 12px; line-height: 24px; color: #fff; background-color: #999; border-radius: 12px; padding: 0 8px; cursor: pointer;}
.bullet.current {background-color: #009F82;}
.url {text-align: right;}


.src-wrap {background: #fff; border:solid 1px #004EA2; font-size: 14px; padding: 16px; display: flex; justify-content: center; align-items: center; gap: 4px;}
.src-wrap .label {color: #000; font-weight: 500;}
.src-wrap .search-btn {
    width: 85px;
    height: 36px;
    color: #fff;
    border: 0;
    cursor: pointer;
    background-color: #004EA2;
}
.admin-tab {width: 100%; display: flex; gap: 4px; border-bottom: solid 1px #222;}
.admin-tab li {width: 150px;}
.admin-tab li a {display: block; line-height: 50px; text-align: center; background-color: #ddd;}
.admin-tab li a.selected, .admin-tab li a:hover {background-color: #222; color: #fff;}

.road-stats-table {display: flex; align-items: self-start; position: relative; font-size: 14px;}
.table-header {position: absolute; width: 150px; border-right:1px solid #ccc;}
.scroller {flex: 1 1 0%; overflow: auto; padding-left: 150px;}
.stats-tit-tbl {width: 100%; font-size: 14px;}
.stats-tit-tbl th{height:46px; border-bottom:1px solid #ccc; border-left:1px solid #ccc; background-color:#e9f3ff; white-space: nowrap;}
.stats-tit-tbl td{height:46px; border-bottom:1px solid #ccc; border-left:1px solid #ccc; background-color:#fff; text-align: center; white-space: nowrap;}
.stats-tit-tbl .stats-tit{border-top:1px solid #222; background-color:road-stats-table #eee;}
.stats-tit-tbl tr th:first-child,.stats-tit-tbl tr td:first-child{border-left:0;}

.adminTab {
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: solid 1px #ddd;
}
.adminTab li a {
    display: block;
    padding: 1rem;
    font-size: 18px;
}
.adminTab li a.active {
    border-bottom: solid 2px #004EA2;
    color: #004EA2;
    font-weight: 500;
}
/*추가 사항*/
.board-form dd.attachBox{
    height: 125px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}
.attachBox > input{
    width: 350px;
    cursor: pointer;
}
.attachBox > input:nth-child(1), .attachBox > input:nth-child(2){
    margin-bottom: 5px;
}

/*추가*/
.statistics-date{width: 200px !important; margin-left: auto; display: flex; align-items: center;justify-content: flex-end; margin-right: 10px;}

@media (max-width: 768px) {
    .login-form { width: 80%; }
    .adminWrap .boardWrap {padding: 16px;}
    .board-form dl {flex-direction: column;}
    .board-form dt {width: 100%;}
    .list_btn {display: block; width: 100%;}
    .innerBtn button {flex: 1 1 0%;}
    .bullet {line-height: 18px; min-width: 50px; text-align: center;}

    .src-wrap {padding: 8px; font-size: 12px;}
    .src-wrap .label {display: none;}

    .table-header {width: 100px;}
    .scroller {padding-left: 100px;}
    .stats-tit-tbl {font-size: 12px;}
    .stats-tit-tbl td {padding: 0 8px;}

    .adminTab li a {font-size: 14px; padding: 1rem 6px;}

    /*추가*/
    .img-name {
        max-width: 340px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .statistics-date{
        display: none;
    }
    .adminWrap > .no-data {
        height: 285px;
    }
}

@media (max-width: 1024px) {
    .adminWrap > .no-data {
        height: 269px;
    }
}
/*추가*/
.no-data{
    width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;
}

.adminWrap > .no-data{
    height: 425px;
}
