/* 시스템 긴급 점검 */
.wrap-system {display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; background: #fafafa;}
.wrap-system .box {position: relative; top: -60px; width: 100%; max-width: 700px; padding: 0 30px; text-align: center;}
.wrap-system .title strong {font-family: pb; font-size: 40px; color: #121212;}
.wrap-system .title strong em {color: #0046c7;}
.wrap-system .title p { font-family: pm; font-size: 25px;}
.wrap-system .time {display: flex; justify-content: center; align-items: center; margin-top: 40px; padding: 10px 20px; border-radius: 100px; background: #dfe6f3;}
.wrap-system .time strong {font-family: pb; font-size: 23px;}
.wrap-system .time p {margin-left: 20px; font-family: pr; font-size: 21px; color: #222222;}
.wrap-system .message {margin-top: 50px; padding-top: 220px; background: url('../img/ic-system.png') no-repeat center top;}
.wrap-system .message p {font-family: pm; font-size: 22px; color: #555555;}
.wrap-system .message span {font-family: pl; font-size: 22px; color: #555555;}
.wrap-system .logo {position: absolute; left: 0; bottom: 40px; width: 100%; text-align: center;}

@media screen and (max-width: 700px) {
    .wrap-system .title strong {font-size: 30px;}
    .wrap-system .title p {font-size: 20px;}
    .wrap-system .time strong {font-size: 18px;}
    .wrap-system .time p {font-size: 18px;}
    .wrap-system .message p {font-size: 18px;}
    .wrap-system .message span {font-size: 18px;}
}

@media screen and (max-width: 550px) {
    .wrap-system .time {flex-wrap: wrap;}
    .wrap-system .time strong {width: 100%;}
}