/*switch item*/

/* Square Switch */
..switch-control div {
    display: flex;
    align-items: center;
}

.switch-control h3 {
    font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif";
    text-indent: 23px;
}

.switch-control {
    margin: 90px auto;
    width: 240px;
}

    .switch-control label {
        -moz-user-select: none;
        cursor: pointer;
        font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif";
        font-size: 13px;
    }

#loader {
    color: #008cff;
    height: 40px;
    width: 30%;
    position: absolute;
    top: 45%;
    left: 45%;
}

/* Square Switch */
.e-switch-wrapper.square .e-switch-inner,
.e-switch-wrapper.square .e-switch-handle {
    border-radius: 0;
}

/* Customize Handle and Bar Switch */
.e-switch-wrapper.custom-switch {
    width: 50px;
    height: 24px;
}

    .e-switch-wrapper.custom-switch .e-switch-handle {
        width: 20px;
        height: 16px;
    }

    .e-switch-wrapper.custom-switch .e-switch-inner,
    .e-switch-wrapper.custom-switch .e-switch-handle {
        border-radius: 0;
    }

        .e-switch-wrapper.custom-switch .e-switch-handle.e-switch-active {
            left: 42px;
        }

/* Customize Handle and Bar Switch */
.e-switch-wrapper.handle-text {
    width: 58px;
    height: 24px;
}

    .e-switch-wrapper.handle-text .e-switch-handle {
        width: 26px;
        height: 20px;
        left: 2px;
        background-color: #fff;
    }

    .e-switch-wrapper.handle-text .e-switch-inner,
    .e-switch-wrapper.handle-text .e-switch-handle {
        border-radius: 0;
    }

        .e-switch-wrapper.handle-text .e-switch-handle.e-switch-active {
            left: 46px;
        }

        .e-switch-wrapper.handle-text .e-switch-inner.e-switch-active,
        .e-switch-wrapper.handle-text:hover .e-switch-inner.e-switch-active .e-switch-on {
            background-color: #4d841d;
            border-color: #4d841d;
        }

    .e-switch-wrapper.handle-text .e-switch-inner,
    .e-switch-wrapper.handle-text .e-switch-off {
        background-color: #e3165b;
        border-color: #e3165b;
    }

        .e-switch-wrapper.handle-text .e-switch-inner:after,
        .e-switch-wrapper.handle-text .e-switch-inner:before {
            font-size: 10px;
            position: absolute;
            line-height: 21px;
            font-family: "Helvetica", sans-serif;
            z-index: 1;
            height: 100%;
            transition: all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
        }

        .e-switch-wrapper.handle-text .e-switch-inner:before {
            content: "EN";
            color: #e3165b;
            left: 3px;
        }

        .e-switch-wrapper.handle-text .e-switch-inner:after {
            content: "KO";
            right: 5px;
            color: #fff;
        }

        .e-switch-wrapper.handle-text .e-switch-inner.e-switch-active:before {
            color: #fff;
        }

        .e-switch-wrapper.handle-text .e-switch-inner.e-switch-active:after {
            color: #4d841d;
        }

    .e-switch-wrapper.handle-text:not(.e-switch-disabled):hover .e-switch-handle:not(.e-switch-active) {
        background-color: #fff;
    }
/*menu bar item*/


@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700&display=swap');

.e-menu-item {
    font-size: 12px !important;
    font-weight: bold !important;
    font-family: '³ª´®°íµñ', 'Nanum Gothic', sans-serif !important;
}


/* fontwaresome;*/
fa-context {
    /*font-size: 1.5em;*/
    color: cadetblue;
}

.fa-white {
    /* font-size: 1.5em;*/
    color: white;
}

.fa-yellow {
    /* font-size: 1.5em;*/
    color: yellow;
}

.fa-red {
    /* font-size: 1.5em;*/
    color: red;
}

.fa-tr {
    /* font-size: 1.5em;*/
    color: transparent;
}

.fa-blue {
    color: blue;
}

.fa-green {
    color: darkgreen;
}

.fa-chocolate {
    /* font-size: 1.5em;*/
    color: chocolate
}

.fa-xls {
    color: darkgreen
}

.fa-ppt {
    color: brown
}

.fa-pdf {
    color: red
}

.fa-doc {
    color: blue
}

.fa-img {
    color: burlywood
}


.fa-15x {
    font-size: 1.5em;
}

.gi-15x {
    font-size: 1.5em;
}

.gi-2x {
    font-size: 2em;
}

.gi-25x {
    font-size: 2.8em;
}

.gi-3x {
    font-size: 3em;
}

.gi-4x {
    font-size: 4em;
}

.gi-5x {
    font-size: 5em;
}