header{
    padding-top: 48px;
    height: 60px;
}
.header-logo {
    width: auto;
    max-height: 40px;cursor:pointer
}
footer{
    position: absolute;
    bottom: 0;
    height: 60px;
    font-size: 15px;
}
main{
    height: auto;
}

body{
    height:100vh;
    background-size: cover;
    padding-left: 250px !important;
    padding-right: 250px !important;
}
.f-30{
    font-size: 30px;
}
.f-15{
    font-size: 15px;
}
.f-50{
    font-size: 50px;
}

.admin-button{position:fixed;top:10px;right:10px;
	border-radius: 2px;
    border: 1px solid #235eb5;
    padding: 5px 12px 8px 28px;
    display: inline-block;
    text-align: center;
    font-size: 13px;
    background: #235eb5 url(/images/icon/logout_w.png) 8px 5px no-repeat;
    color: #fff;
    transition: all 0.2s;
   
    cursor: pointer;
    text-decoration: none;
    letter-spacing: 0px;
    font-weight: 200;
    line-height: 13px;
    font-family: sans-serif;
}
.admin-button:hover{box-shadow:1px 1px 5px -1px #4a4a4a;}

#custom-button, .custom-button{    position: fixed;
    bottom: 30px;
    right: 30px;
    border-radius: 28px;
    width: 56px;
    height: 56px;
    background-color: #fff;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.12);
    display: flex;
    padding: 12px;}

.start.disabled{opacity: 0.4;cursor:default}
.start.disabled button,.start.disabled .btn{cursor:default}
.start-container .start-btn.mt50{margin-top:50px}


.p_view{position:fixed;top:0px;right:0px;z-index:2}

.p_view .period_multi{position:relative;top:150px;}
.p_view .period_multi li{letter-spacing: -1px;transition: all 0.3s;cursor:pointer;margin-bottom:10px;background-color:#fed46c;border-radius:50px 0px 0px 50px;float:right;clear:both;display:inline-block;line-height:20px;padding:12px 12px 12px 36px;color:#2d549f;font-size:13px;font-weight:600;letter-spacing:0px;width: -webkit-fill-available;}
.p_view .period_multi li label{display:block;font-size:14px;line-height:20px;letter-spacing: -1px;}
.p_view .period_multi li dt{font-size:14px;line-height:20px;letter-spacing: 0px;}
.p_view .period_multi li dd{font-weight:700;font-size:12px;;letter-spacing:-0.5px;line-height:20px;margin-left: 0px;letter-spacing: 0px;}

.p_view .period_multi li:hover,.p_view .period_multi li.on:hover{color:red;background:#ffffff url(/images/icon/icn_check_small.png) 12px center no-repeat;box-shadow:0px 1px 8px 1px rgb(0,0,0,0.5); transition: all 0.3s;}
.p_view .period_multi li.on{color:red;background:#ffffff url(/images/icon/icn_check_small.png) 12px center no-repeat;box-shadow:0px 1px 8px 1px rgb(0,0,0,0.5); transition: all 0.3s;padding:12px 12px 12px 36px}

.p_view .period_multi li.more-btn{opacity:0.8;background:#fed46c url('/images/icon/icons8-reset-blue.png') 15px center no-repeat;color:#3886d7;font-size:14px;padding-left:40px;letter-spacing: 0px;}
.p_view .period_multi li.more-btn:hover{opacity:1.0;background:#f1a901 url('/images/icon/icons8-reset-white.png') 15px center no-repeat;color:#fff}

.p_view .period_multi.scroll{overflow:hidden;height:200px}

.more-list{display:none;position:absolute;z-index:999;background-color:#fff5db;width:680px;box-shadow:1px 3px 15px 3px #4e4e4e;margin:15px 0px 50px 0px;box-sizing: border-box;padding:10px 10px;border-radius:10px}
.more-list li{ transition: all 0.3s;cursor:default;margin:0px;border-radius:10px;display:inline-block;line-height:20px;color:#2d549f;font-size:13px;font-weight:600;letter-spacing:0px;width: 50%;box-sizing: border-box;
    display: inline-block;}
.more-list li span{cursor:pointer;transition: all 0.1s;margin:8px;background-color:#ffda80;display:block;padding:12px 16px 12px 33px;box-shadow: 1px 1px 3px -1px #5e5e5e;border-radius: 10px; }
.more-list li label{display:block;font-size:14px;line-height:20px;letter-spacing: -1px;}
.more-list li dt{font-size:14px;line-height:20px;letter-spacing: 0px;}
.more-list li dd{font-weight:700;font-size:12px;;letter-spacing:-0.5px;line-height:20px;margin-left: 0px;letter-spacing: 0px;}

.more-list li span:hover,.more-list li span.on{transition: all 0.1s;background:#6bb2cd url('/images/icon/btn_hdConfirm12.png') 10px center no-repeat;color:#ffffff}

.more-list li.close-b{position:relative;width:100%;padding:0px;margin:0px;display:block}
.more-list li.close-b img{position:absolute;right: -6px; top: -6px;cursor: pointer}