*{margin: 0;padding: 0;font-family: "Pretendard Variable", Pretendard, 'Noto Sans KR';}
.error-page{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: #E6F2FF;}
.error-content{display: flex;flex-direction: column;justify-content: center;max-width: 524px;width: 100%;height: 100%;margin: auto;}
.bg-box{position: relative;width: 100%;}
.bg-box > div{position: absolute;width: 100%;height: 100%;}
.bg-box.logo-icon{padding-bottom: 7.25%;}
.bg-box.logo-icon > div{background: url(../img/focu-icon.png) no-repeat 50%;background-size: contain;}
.bg-box.text-icon{width: 65.3%;padding-bottom: 29.96%;margin: 0 auto;}
.bg-box.text-icon > div{background: url(../img/error-text.png) no-repeat 50%;background-size: contain;}
.bg-box.error-bg{width: 83.77%;padding-bottom: 60.3%;margin: 0 auto;}
.bg-box.error-bg > div{background: url(../img/error-bg.png) no-repeat 50%;background-size: contain;}

.error-text{text-align: center;}
.error-text h5{font-size: 24px;font-weight: bold;color: #3853A4;}
.error-text p{font-size: 11px;font-weight: lighter;color: #262424;}
.error-text h5 + p{margin-top: 10px;}

.date-text{text-align: center;color: #fff;background-color: #3853A4;padding: 10px 0;border-radius: 60px;font-size: 16px;font-weight: bold;width: 65%;margin: 20px auto;}

.errror-footer{margin-top: 28px;}
.errror-footer .corp-info{display: flex;justify-content: center;align-items: center;margin: 6px auto 28px;}
.errror-footer .corp-info span{display: block;width: 1px;height: 6px;border-left: 1px solid #ACACAC;margin: auto 8px;}

@media (min-width: 767.98px){
    .error-text h5{font-size: 30px;}
    .error-text p{font-size: 13px;}
}