.flex-normal { display:flex; align-items: center; }
.flex-s-s { display:flex; justify-content: flex-start; align-items: flex-start; }
.flex-s-e { display:flex; justify-content: flex-start; align-items: flex-end; }
.flex-s-c { display:flex; justify-content: flex-start; align-items: center; }
.flex-e-s { display:flex; justify-content: flex-end; align-items: flex-start; }
.flex-e-e { display:flex; justify-content: flex-end; align-items: flex-end; }
.flex-e-c { display:flex; justify-content: flex-end; align-items: center; }
.flex-c-s { display:flex; justify-content: center; align-items: flex-start; }
.flex-c-e { display:flex; justify-content: center; align-items: flex-end; }
.flex-c-c { display:flex; justify-content: center; align-items: center; }
.flex-sb-s { display:flex; justify-content: space-between; align-items: flex-start; }
.flex-sb-e { display:flex; justify-content: space-between; align-items: flex-end; }
.flex-sb-c { display:flex; justify-content: space-between; align-items: center; }
.flex-sa-s { display:flex; justify-content: space-around; align-items: flex-start; }
.flex-sa-e { display:flex; justify-content: space-around; align-items: flex-end; }
.flex-sa-c { display:flex; justify-content: space-around; align-items: center; }
.flex-c-sa { display:flex; justify-content: center; align-items: space-around; }
.flex-wrap-ok { flex-wrap:wrap; }
.flex-wrap-no { flex-wrap:nowrap; }
.flex-inline { display:inline-flex; }

.text_center { text-align:center; }
.text_left { text-align:left; }
.text_right { text-align:right; }

.data_none, .no_data { display: flex; justify-content:center; align-items:center; height:200px; }

li.bg0 { background:#ffffff;}
li.bg1 { background:#5142CE08; }

.gap_5 { gap: 5px;}
.gap_10 { gap: 10px;}
.gap_15 { gap: 15px;}
.gap_20 { gap: 20px;}

.margin-top5 { margin-top: 5px; }
.margin-top10 { margin-top: 10px; } 
.margin-top20 { margin-top: 20px; }

.padding-left0 { padding-left:0; }
.padding-left5 { padding-left:5px; }
.padding-left10 { padding-left:10px; }

/* 관리자 */
input, select, button { outline: none;} 
input, select { border:1px solid #ddd; } 
input::placeholder { color:#888; font-size: 12px; }

input[type=checkbox] { display:none; }
input[type=checkbox] + label { position:relative; width:16px; height:16px; margin-top: 3px; line-height:16px; text-align:center; border-radius:3px; border:1px solid grey; box-sizing:border-box; background: #50577A; }
input[type=checkbox]:checked + label:after { content:""; position:absolute; top:0; left:0; right:0; bottom:0; background:url('/temperature/img/icon/checkbox_check.svg') no-repeat center; }
input[type=checkbox]:disabled + label:after { content:""; position:absolute; top:0; left:0; right:0; bottom:0; background:url('/temperature/img/icon/plus.svg') no-repeat center; transform: rotate(45deg); }



#maintain_adm input { padding:3px; font-size:12px; }
/* #maintain_adm input:focus { border:1px solid orange; } */
#maintain_adm input:focus,
#maintain_adm select:focus { box-shadow: 0 0 5px 1px orange; border: 1px solid #fff;}
#maintain_adm select { padding:3px; font-size:12px; }
#maintain_adm .list_title { text-align:center; font-size:13px; font-weight:bold; background: #eee; }

#maintain_adm .modal {
    display:none;
    position:fixed;
    z-index:1;
    left:0;
    top:0;
    width:100%;
    height:100%;
    overflow:hidden;
    background-color:rgba(0,0,0,0.8);
}
#maintain_adm .modal-content {
    background-color:#fefefe;
    margin:35% auto;
    padding:20px;
    border:0px solid #888;
    width:100%;
}

#modal_sms { width: 400px; }
.row_top_line { margin-top:10px; padding-top:10px; border-top:2px solid #555; }
#modal_sms label { margin:0; }
#modal_sms .sms_hp_wrap input { flex: 1; padding:3px 0 3px 10px; }
#modal_sms .row { margin:0; }
#modal_sms .form-control { width:auto; height:auto; padding: 2px; } 
#modal_sms .sms_receive_wrap input { margin: 0; }
#modal_sms .time_content { padding-left:15px; }
#modal_sms .time_content > div { display:flex; align-items: center; }
#modal_sms .time_content .time_wrap { padding-left:12px; margin-top:5px; }
#modal_sms .time_content .time_wrap label { padding-right:5px; }
#modal_sms .form-control[disabled] { background-color: #eee;}


/* 공휴일 관리 */
#hol_wrap { margin-top:30px; margin-bottom:10px; overflow-x:auto; }
#hol_content { margin-top:10px; height:150px; overflow: auto;}
#tbl_hol_list { position: relative; }
#tbl_hol_list tr { display: flex; }
#tbl_hol_list tr.title { position:sticky; top:0; left:0; background: #ffffff; z-index: 10; }
#tbl_hol_list td:nth-child(1) { width:60px; text-align: center; }
#tbl_hol_list td:nth-child(2) { width:100px; text-align: center; }
#tbl_hol_list td:nth-child(3) { width:150px; text-align: left; padding-left:10px; }
#tbl_hol_list td:nth-child(4) { flex:1; }

#tbl_hol_list tr.nodata { width:100%; }
#tbl_hol_list tr.nodata td:nth-child(1) { width:100%; text-align: center; }

.btn:focus { outline: none; }

/* #maintain_adm + .modal { display: flex; justify-content: center; align-items: center; background: rgba(0,0,0,0.7); }  */
.modal.on { display: flex; justify-content: center; align-items: center; background: rgba(0,0,0,0.7); }