@charset "EUC-KR";

:root {
    --bg-color: #000000;
    --main-color: #00B89A;
    --dark-color: #00A88D;
    --orange-color: #E6704C;
    --bright-color: #FCEEE8;
    --brightborder-color: #FFC1AE;
    --warning-color: #FFF3F1;
    --warningborder-color: #FFCECE;
    --white-color: #ffffff;
    --black-color: #000000;
    --gray-color: #DFDFDF;
    --darkgray-color: #808080;
    --large-width: 1200px;
}

.conA {
    background-color: var(--bg-color);
}

.conB .floating-box-timer {
    border-top: solid var(--brightborder-color) 1px;
    background-color: var(--bright-color);
}

.conB .floating-box .title {
    color: var(--main-color);
}

.conB .floating-box .btn-submit {
    background-color: var(--darkgray-color);
    color: var(--white-color);
}

.conB .floating-box .btn-submit:hover {
    background-color: var(--darkgray-color);
}

/* Mobile size - ConB */
@media (max-width: 1023px) {
    .conB .bottom-box-timer {
        border-top: solid var(--brightborder-color) 1px;
        background-color: var(--bright-color);
    }

    .conB .btn-submit-mob {
        color: var(--white-color);
        background-color: var(--darkgray-color);
    }

    .conB .btn-submit-mob:hover {
        background-color: var(--darkgray-color);
    }
}