/* ===============================================================
    Login
=============================================================== */
.admin-login {position: fixed; z-index: 999; left: 0; right: 0; top: 0; bottom: 0;}
.login-window {position: absolute; width: 500px; height: 350px; background: #fff; border-radius: 12px; left: 50%; top: 50%; transform: translate(-50%,-50%); padding: 30px;}
.login-id, .login-pw {margin-top: 20px;}
.login-id label, .login-pw label {display: block; margin-bottom: 10px;}
.login-id input, .login-pw input {width: 100%; height: 40px; line-height: 40px; padding: 0 10px; border: 1px solid #ccc; border-radius: 8px;}
.login-btn {width: 100%; height: 50px; line-height: 50px; border-radius: 8px; color: #fff; font-size: 16px; font-weight: 700; margin-top: 50px;}
/* ===============================================================
    header-fix
=============================================================== */
.all {
    position: relative; display: flex; justify-content: space-between; align-items: flex-start; margin-top: 80px;
    /* min-width: 1200px; overflow-y: hidden; */
}
.header-fix {z-index: 999; position: fixed; left: 0; right: 0; min-width: 1200px; top: 0; padding: 10px 14px 0; height: 80px; display: flex; justify-content: space-between; align-items: flex-start;}
.fix-home .logo img {width: 86px; height: auto; object-fit: cover;}
.fix-home .home {width: 170px; height: 28px; line-height: 28px; border-radius: 28px; text-align: center; background: rgba(255,255,255,.4);}
.fix-home .home a {font-size: 13px; color: #333;}
.fix-status ul {display: flex; justify-content: center; align-items: center;}
.fix-status li {margin: 0 13px;}
.fix-status li a {font-size: 12px; text-align: center; display: block;}
.fix-status li a p {color: #222; line-height: 28px;}
.fix-status li a h3 {color: #fff; line-height: 28px;}
.fix-link {height: 70px; padding-bottom: 20px; display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-end;}
/* 계정전환 숨김 */
.fix-link .gnb-account {text-align: right; display: none;}
.fix-link .account-change {color: #fff;}
.fix-link .account-change span {font-size: 12px;}
.fix-link .account-change i {font-size: 16px;}
/* 계정전환리스트 숨김 */
.account-list {display: none;}
.fix-link__quick {margin-top: 10px; display: flex; justify-content: flex-end; align-items: center;}
.fix-link__quick li {position: relative; margin: 0 6px;}
.fix-link__quick li:after {content: ''; position: absolute; width: 1px; height: 12px; background: #fff; left: -6px; top: 50%; transform: translateY(-50%);}
.fix-link__quick li:first-of-type:after {display: none;}
.fix-link__quick li a {display: block; font-size: 12px; color: #fff;}
/* ===============================================================
    gnb
=============================================================== */
header {
    position: relative; width: 200px; padding: 18px 20px 30px; flex: none;
}
.icon-on {width: 13px; height: auto; object-fit: cover;}
.icon-off {display: none;}
.gnb-icon span {font-size: 13px; cursor: pointer;}
.gnb-circle.bg-on {background: none !important;}
.gnb-main {margin-bottom: 10px;}
.gnb-sub {border-left: 1px solid rgba(255,255,255,.2); padding-left: 10px; margin-left: 20px; margin-bottom: 20px;}
.gnb-sub li a {font-size: 12px; font-weight: 300; line-height: 22px;}
.gnb-sub .gnb-black a {color: #000 !important; font-weight: 600;}
.active .gnb-sub {border-color: #fff;}
.active .gnb-icon span {font-weight: bold;}
.gnb-sub li.active a {font-weight: bold;}
.session-btn {position: absolute; left: 0; bottom: 20px; width: 200px; padding: 0 14px; z-index: 999; display: flex; justify-content: space-between; align-items: center; font-size: 12px; color: #fff;}
.logout span {vertical-align: middle;}
/* ===============================================================
    cm-content layout
=============================================================== */
.cm-content {
    flex: 1;
    padding-right: 14px;
}
.cm-content__box {
    position: relative; background: #fff !important; border-radius: 12px; box-shadow: 1px 2px 4px 0px rgba(153, 153, 153, 0.2); padding: 0 20px 20px; margin-bottom: 14px;
}
.admin-content.bg-on {background: #fff !important;}
.content-inner {width: 100%; height: 100%;}
.content-head {display: flex; justify-content: space-between; align-items: center; height: 60px;}
.content-head h2 {font-size: 14px; color: #222; line-height: 32px;}
.content-box {
    margin: 0 auto; position: relative; width: 100%; padding: 20px; border: 1px solid #e0e0e0; border-radius: 8px;
    /* position: relative; width: 100%;  */
    /* margin: 0 auto; padding: 20px; border: 1px solid #e0e0e0; border-radius: 8px; overflow-x: auto; */
}
.content-box__noscr {
    margin: 0 auto; position: relative; width: 100%; padding: 20px; border: 1px solid #e0e0e0; border-radius: 8px;
    /* position: relative; width: calc(100% - 0px);  */
    /* margin: 0 auto; padding: 20px; border: 1px solid #e0e0e0; border-radius: 8px; */
}
.content-box__tit {font-size: 13px; color: #222;}
.content-box > div, .content-box > form {min-width: 1200px;}
/* ===============================================================
    msg
=============================================================== */
.alert {
    position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%); 
    width: 300px; height: 44px; line-height: 44px; text-align: center; border-radius: 44px; 
    background: rgba(0,0,0,.8); font-size: 14px; display: block; animation: hideAlert 2s forwards linear;
}
@keyframes hideAlert {
    0%{opacity: 1; display: block;}
    100%{opacity: 0; display: none;}
}
.alert i {position: absolute; font-size: 16px; left: 17px; top: 50%; transform: translateY(-50%); }
.alert-success {background: rgba(235,241,248,.8); color: #008bf5;}
.alert-notice {background: rgba(255,248,228,.8); color: #ffbf01;}
.alert-alarm {background: rgba(232,249,241,.8); color: #01c310;}
.alert-fail {background: rgba(251,237,237,.8); color: #ff000d;}