<template>
    <div class="content2">
        <div class="flex flex-column justify-center align-center" style="height:100%">
            <div class="img mb30"><img src="/invest/resources/img/system.png" alt="시스템 점검 이미지" class="system-img">
            </div>
            <div class="system-title mb30">시스템 <strong class="system-message">점검 중</strong>입니다.</div>
            <div class="detail-text text-ct mb30">
                <strong>안녕하세요, 소속 입니다.</strong><br />
                <br />
                빠르고 안정적인 서비스를 제공하기 위해
                시스템 점검 작업을 진행 중입니다.<br />
                이에 서비스가 다음과 같이 중지될 예정이오니 서비스 이용에 참고하시기 바랍니다.<br />
            </div>
            <div class="upload-btn text-lf pd30 mb30 pl100 pr100">
                <strong class="system-text1 block  mb5">작업시간 : 2024. 5. 13.(월), 20:00 ~ 5. 14.(화), 00:30  (4시간 30분)</strong>
                <strong class="system-text2 block mb5">작업내용 : 시스템 정기 점검</strong>
                <strong class="system-text3 block mb5">중지대상 : 소속 홈페이지</strong>
            </div>
            <div class="detail-text text-ct mb30">
                서비스 이용에 불편을 드리는 점 양해부탁드립니다.<br />
                보다 나은 서비스를 제공하기 위해 노력하겠습니다.<br />
                감사합니다.<br />
            </div>
        </div>
    </div>
</template>



<script>

export default {
    data() {
        return {

        }
    },
    methods: {


    },
    watch: {

    },
    computed: {

    },
    components: {

    },
    mounted() {
    },

}
</script>

<style>
.content2 {
    width: 100%;
    height: 100vh;
}

.mb30 {
    margin-bottom: 3rem;
}

.text-ct {
    text-align: center;
}

.system-message {
    color: var(--blue);
}

.upload-btn{
    border: 1px solid #007aff;
        color: #007aff;
        background-color: #eff5ff;
        border-radius: 5px;
}

.upload-btn p,
.system-text2,
.system-text3 {
    color: var(--gray-dark)
}

.system-text1,
.system-text2,
.system-text3 {
    font-size: 2rem;
}

.system-title {
    font-size: 3rem;
}
</style>
