@import '_content/Clevi.App.Components.Accounts/Clevi.App.Components.Accounts.3kz62p5aw7.bundle.scp.css';
@import '_content/Clevi.App.Components.Base/Clevi.App.Components.Base.usd5lv4yjq.bundle.scp.css';
@import '_content/Clevi.App.Components.Boards/Clevi.App.Components.Boards.gdmxnz4i4s.bundle.scp.css';
@import '_content/Clevi.App.Components.Communications/Clevi.App.Components.Communications.ddvjakg9b0.bundle.scp.css';
@import '_content/Clevi.App.Components.Erp/Clevi.App.Components.Erp.29iid33kwe.bundle.scp.css';
@import '_content/Clevi.App.Components.Files/Clevi.App.Components.Files.ur0wauq3ei.bundle.scp.css';
@import '_content/Clevi.App.Components.Levi/Clevi.App.Components.Levi.cm8qjfahhp.bundle.scp.css';
@import '_content/Clevi.App.Components.Projects/Clevi.App.Components.Projects.j7ru42e72t.bundle.scp.css';
@import '_content/Clevi.App.Components.SmartConnect/Clevi.App.Components.SmartConnect.afl1j0p45p.bundle.scp.css';
@import '_content/Clevi.App.Components.Widget/Clevi.App.Components.Widget.lke9ffe56q.bundle.scp.css';
@import '_content/Clevi.App.Components/Clevi.App.Components.80gt0ag90i.bundle.scp.css';
@import '_content/Clevi.Extension.Component.Shinjin/Clevi.Extension.Component.Shinjin.r900dudqhj.bundle.scp.css';

/* /Pages/Account/Login.cshtml.rz.scp.css */
.cl-account[b-zc7dgk1lgy]{
    height:100vh;
    display:flex;
}

.wrap[b-zc7dgk1lgy]{
    margin:auto;
}
/* /Pages/Account/Logout.cshtml.rz.scp.css */
/* /Pages/Admin/AccountDetails.razor.rz.scp.css */


.container-fluid[b-p9aztxpgq1] {
    padding: 10px;
}

.cl-card[b-p9aztxpgq1] {
    border: 1px solid #dedede;
    padding: 10px;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    margin-bottom: 20px;
}
.card-inner[b-p9aztxpgq1] {
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
}
h3[b-p9aztxpgq1]{
    font-size:17px;
    font-weight:500;
}
.details-info-wrap[b-p9aztxpgq1] {
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    margin-bottom: 10px;
}

    .details-info-wrap h6[b-p9aztxpgq1] {
        font-size: 15px;
        margin-right:10px;
        margin-bottom:0;
    }

    .details-info-wrap p[b-p9aztxpgq1] {
        font-size: 15px;
        font-weight:500;
        margin-bottom: 0;
    }

.button_wrap[b-p9aztxpgq1] {
    display: flex;
    margin:20px 0 0 auto;
}

[b-p9aztxpgq1] .shinjin-account-btn {
    padding: 5px 10px;
    min-width: 80px;
    border-radius: 8px;
}
/* /Pages/Admin/AccountList.razor.rz.scp.css */
.container-fluid[b-0h72o38bon]{
    padding:10px;
}

.cl-page-title[b-0h72o38bon]{
    margin-bottom:20px;
}
h2[b-0h72o38bon] {
    font-size: 18px;
    font-weight: 600;
}

h3[b-0h72o38bon] {
    font-size: 16px;
    font-weight: 600;
    margin: 0 5px 0 0;
}
.cl-simpleprofile-card_wrap[b-0h72o38bon] {
    display: flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}
.cl-simpleprofile-card[b-0h72o38bon] {
    width: 250px;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    margin: 10px 0;
    border: 1px solid #dedede;
    padding: 10px;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    margin: 0 10px 10px 0;
}

.cl-simpleprofile-card_body[b-0h72o38bon] {
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    margin-left: 20px;
}
.cl-simpleprofile-card_body span[b-0h72o38bon]{
    font-size:13px;
    margin-bottom:5px;
}
.cl-simpleprofile-card_body span:last-child[b-0h72o38bon]{
    font-size:13px;
    margin-bottom:0;
}
/* /Pages/Admin/MasterSettings.razor.rz.scp.css */

.container-fluid[b-ehneukc8p6] {
    padding: 10px;
}

.cl-card[b-ehneukc8p6] {
    border: 1px solid #dedede;
    padding: 10px;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    margin-bottom: 20px;
}

.card-inner[b-ehneukc8p6] {
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
}

h2[b-ehneukc8p6] {
    font-size: 18px;
    font-weight: 600;
}
h3[b-ehneukc8p6] {
    font-size: 17px;
    font-weight: 500;
    margin-bottom:20px;
}

.cl-setting-row_wrap[b-ehneukc8p6] {
    margin-bottom: 15px;
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
}
.cl-setting-row_wrap h5[b-ehneukc8p6]{
    font-size:15px;
    margin-right:10px;
}
    .cl-setting-row_wrap .input_button[b-ehneukc8p6] {
        display: flex;
        justify-content:space-between;
        -webkit-justify-content:space-between;
        align-items:center;
        -webkit-align-items:center;
    }

    .cl-setting-row_wrap .input_button input[b-ehneukc8p6]{
        flex:1;
    }

    .cl-setting-row_wrap .contents[b-ehneukc8p6] {
        display: flex;
        flex-direction: column;
        -webkit-flex-direction: column;
    }
    .cl-setting-row_wrap .contents img[b-ehneukc8p6] {
        width:50px;
        height:auto;
        margin: 10px 0;
        object-fit:contain;
    }
/* /Pages/Admin/Services/AccountSettings.razor.rz.scp.css */
.container-fluid[b-spdpxm01ao]{
    padding:10px;
}

.cl-page-title[b-spdpxm01ao] {
    display: flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items: center;
    -webkit-align-items: center;
    margin-bottom: 20px;
}

h2[b-spdpxm01ao] {
    font-size: 18px;
    font-weight: 600;
}

.cl-card[b-spdpxm01ao] {
    border: 1px solid #dedede;
    padding: 10px;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    margin-bottom:15px;
}

.card-title[b-spdpxm01ao]{
    margin-bottom:10px;
}
.card-title h4[b-spdpxm01ao]{
    font-size:15px;
    font-weight:600;
}

.cl-setting-row_wrap[b-spdpxm01ao]{
    margin-bottom:20px;
}
.cl-setting-row_wrap h5[b-spdpxm01ao]{
    font-size:15px;
}

.contents[b-spdpxm01ao]{
    display:flex;
}
/* /Pages/Admin/Services/CommunicationsSettings.razor.rz.scp.css */


.container-fluid[b-7fbs0gltf6] {
    padding: 10px;
}

.cl-page-title[b-7fbs0gltf6] {
    display: flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items: center;
    -webkit-align-items: center;
    margin-bottom: 20px;
}

h2[b-7fbs0gltf6] {
    font-size: 18px;
    font-weight: 600;
}

/* /Pages/Admin/Services/Components/EmailServiceSettings.razor.rz.scp.css */


.card-title .wrap[b-qwncg077fd] {
    margin-top: 10px;
    margin-bottom: 10px;
}

    .card-title .wrap h4[b-qwncg077fd] {
        font-size: 15px;
        font-weight: 600;
    }

    .card-title .wrap h6[b-qwncg077fd] {
        font-size: 15px;
    }

    .card-title .wrap h6[b-qwncg077fd] {
        font-size: 15px;
    }

.card-title h4[b-qwncg077fd] {
    font-size: 16px;
}

.cl-setting-row_wrap[b-qwncg077fd] {
    margin-bottom: 15px;
}

    .cl-setting-row_wrap h5[b-qwncg077fd] {
        font-size: 15px;
        margin-bottom: 5px;
    }

    .cl-setting-row_wrap .contents[b-qwncg077fd] {
        display: flex;
        align-items: center;
    }

        .cl-setting-row_wrap .contents .clc-button[b-qwncg077fd] {
            margin-left: 10px;
            padding: 5px 10px;
        }
/* /Pages/Admin/Services/Ivy/IvySettings.razor.rz.scp.css */


.container-fluid[b-y16xis19qw] {
    padding: 10px;
}

.cl-page-title[b-y16xis19qw] {
    display: flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items: center;
    -webkit-align-items: center;
    margin-bottom: 20px;
}

.button_wrap[b-y16xis19qw]{
    display:flex;
}

h2[b-y16xis19qw] {
    font-size: 18px;
    font-weight: 600;
}

.clc-card_wrap[b-y16xis19qw] {
    display: flex;
    flex-wrap:wrap;
}

[b-y16xis19qw] .sj-memory-btn {
    padding: 0px 10px;
    border-radius: 8px;
}
/* /Pages/Admin/Services/Template/CreateTemplate.razor.rz.scp.css */
@media(min-width:768px) {
}


@media(max-width:767px) {
}

.cl_ivy-project-create[b-tcv30xzbqm] {
    padding: 0px 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    max-height: calc(100vh - 300px);
}

    .cl_ivy-project-create span[b-tcv30xzbqm] {
        font-size: 14px;
        width: 70px;
    }

.body[b-tcv30xzbqm] {
    width: 100%;
}

    .body .project-info .wrap[b-tcv30xzbqm] {
        display: flex;
        flex-flow: row;
        -webkit-flex-flow: row;
        border: none !important;
        margin-bottom: 10px;
    }

        .body .project-info .wrap .box-wrap[b-tcv30xzbqm] {
            flex-grow: 1;
            -webkit-flex-grow: 1;
        }

.bottom[b-tcv30xzbqm] {
    display: flex;
    justify-content: end;
    -webkit-justify-content: end;
}

.cbx[b-tcv30xzbqm] {
    -webkit-user-select: none;
    user-select: none;
    -webkit-user-select: none;
    -webkit-tap-highlight-color: transparent;
    cursor: pointer;
    margin-right: 10px;
}

    .cbx span[b-tcv30xzbqm] {
        display: inline-block;
        vertical-align: middle;
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
    }

        .cbx span:first-child[b-tcv30xzbqm] {
            position: relative;
            width: 17px;
            height: 17px;
            border-radius: 50%;
            -webkit-border-radius: 50%;
            transform: scale(1);
            -webkit-transform: scale(1);
            vertical-align: middle;
            border: 1px solid #B9B8C3;
            transition: all 0.2s ease;
            -webkit-transition: all 0.2s ease;
        }

            .cbx span:first-child svg[b-tcv30xzbqm] {
                position: absolute;
                z-index: 1;
                top: 2px;
                left: 3px;
                fill: none;
                stroke: white;
                stroke-width: 2;
                stroke-linecap: round;
                stroke-linecap: round;
                stroke-linejoin: round;
                stroke-dasharray: 16px;
                stroke-dashoffset: 16px;
                transition: all 0.3s ease;
                -webkit-transition: all 0.3s ease;
                transition-delay: 0.1s;
                -webkit-transition-delay: 0.1s;
                transform: translate3d(0, 0, 0);
                -webkit-transform: translate3d(0, 0, 0);
            }

            .cbx span:first-child[b-tcv30xzbqm]:before {
                content: "";
                width: 100%;
                height: 100%;
                background: #A9BCF5;
                display: block;
                transform: scale(0);
                -webkit-transform: scale(0);
                opacity: 1;
                border-radius: 50%;
                -webkit-border-radius: 50%;
                transition-delay: 0.2s;
                -webkit-transition-delay: 0.2s;
            }

        .cbx span:last-child[b-tcv30xzbqm] {
            margin-left: 8px;
        }

.check-wrap[b-tcv30xzbqm] {
    width: 10px;
}

.employeelist .head span[b-tcv30xzbqm] {
    font-size: 14px;
}

.table_wrap[b-tcv30xzbqm] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-top: 10px;
}

.cbx span:last-child[b-tcv30xzbqm]:after {
    content: "";
    position: absolute;
    top: 8px;
    left: 0;
    height: 1px;
    width: 100%;
    background: #B9B8C3;
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    transform: scaleX(0);
    -webkit-transform: scaleX(0);
}

.cbx:hover span:first-child[b-tcv30xzbqm] {
    border-color: #B9B8C3;
}

.inp-cbx:checked + .cbx span:first-child[b-tcv30xzbqm] {
    /*border-color: #3c53c7;*/
    border-color: #A9BCF5;
    background: #A9BCF5;
    animation: check-15-b-tcv30xzbqm 0.6s ease;
    -webkit-animation: check-15 0.6s ease;
}

    .inp-cbx:checked + .cbx span:first-child svg[b-tcv30xzbqm] {
        stroke-dashoffset: 0;
    }

    .inp-cbx:checked + .cbx span:first-child[b-tcv30xzbqm]:before {
        transform: scale(2.2);
        -webkit-transform: scale(2.2);
        opacity: 0;
        transition: all 0.6s ease;
        -webkit-transition: all 0.6s ease;
    }

.inp-cbx:checked + .cbx span:last-child[b-tcv30xzbqm] {
    color: #B9B8C3;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}

    .inp-cbx:checked + .cbx span:last-child[b-tcv30xzbqm]:after {
        transform: scaleX(1);
        -webkit-transform: scaleX(1);
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
    }

@keyframes check-15-b-tcv30xzbqm {
    50% {
        transform: scale(1.2);
        -webkit-transform: scale(1.2);
    }
}



.project-info .row[b-tcv30xzbqm] {
    display: flex;
}

.project-info[b-tcv30xzbqm] {
    padding: 15px 10px;
}

.employeelist[b-tcv30xzbqm] {
    padding: 10px 0;
}

.project-info .wrap[b-tcv30xzbqm] {
    display: flex;
}

.table-td img[b-tcv30xzbqm] {
    width: 40px;
    height: 40px;
}

.project-info .wrap[b-tcv30xzbqm] {
    display: flex;
    align-items: center;
    -webkit-align-items: center;
}

.head[b-tcv30xzbqm] {
    width: 100%;
    /*display: flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items: center;
    -webkit-align-items: center;*/
}

    .head div[b-tcv30xzbqm] {
        display: flex;
    }

.head-title[b-tcv30xzbqm] {
    font-size: 18px;
    font-weight: 600;
}

.project-info .wrap .detail[b-tcv30xzbqm] {
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    margin-right: 10px;
}

    .project-info .wrap .detail span[b-tcv30xzbqm] {
        width: 30%;
        margin-right: 10px;
    }

.employeelist .head[b-tcv30xzbqm] {
    display: flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    padding-top: 15px;
    font-size: 14px;
    align-items: center;
    -webkit-align-items: center;
}

@media (max-width:570px) {
    .project-info .wrap[b-tcv30xzbqm] {
        display: flex;
        flex-direction: column;
        -webkit-flex-direction: column;
        align-items: center;
        -webkit-align-items: center;
        margin-right: 0px;
    }

        .project-info .wrap .detail[b-tcv30xzbqm] {
            padding: 10px 0;
        }

    .head-wrap[b-tcv30xzbqm] {
        display: flex;
    }
}

.head-wrap span[b-tcv30xzbqm] {
    width: 20%;
}



table[b-tcv30xzbqm] {
    border-collapse: collapse;
    width: 100%;
    background-color: white;
    margin: 0 auto;
    font-size: 13px;
}

thead[b-tcv30xzbqm] {
    /*box-shadow: 4px 4px 10px rgba(0,0,0,0.1);*/
}

/* 테이블 행 */
td[b-tcv30xzbqm] {
    padding: 8px;
    text-align: left;
    border-bottom: 1px solid #d8d8d8;
    text-align: center;
}

th[b-tcv30xzbqm] {
    padding: 6px;
    text-align: left;
    text-align: center;
    /*border-top: 1px solid #9E9E9E;
    border-bottom: 1px solid #9E9E9E;*/
    background-color: #F1F3F5;
    color: #696E74;
    border: none;
}

/* 테이블 올렸을 때 */
tbody tr:hover[b-tcv30xzbqm] {
    background-color: #d3d3d3;
    opacity: 0.9;
    cursor: pointer;
}

/* 테이블 비율 */


.table-th[b-tcv30xzbqm] {
    width: calc(100% / 6);
    padding: 5px 2px;
    text-align: center;
    /*border-top: 1px solid #9E9E9E;
    border-bottom: 1px solid #9E9E9E;*/
    background-color: #F1F3F5;
    color: #696E74;
    border-left: none;
    border-right: none;
}

th:nth-child(2)[b-tcv30xzbqm],
td:nth-child(2)[b-tcv30xzbqm] {
    width: 13%;
}

th:nth-child(1)[b-tcv30xzbqm],
td:nth-child(1)[b-tcv30xzbqm] {
    width: 10%;
}


th:nth-child(3)[b-tcv30xzbqm], td:nth-child(3)[b-tcv30xzbqm], th:nth-child(4)[b-tcv30xzbqm], td:nth-child(4)[b-tcv30xzbqm], th:nth-child(5)[b-tcv30xzbqm], td:nth-child(5)[b-tcv30xzbqm] {
    width: 13%;
}


th:nth-child(6)[b-tcv30xzbqm], td:nth-child(6)[b-tcv30xzbqm] {
    width: 5%;
}

th[b-tcv30xzbqm], td[b-tcv30xzbqm] {
    border-left: none;
    border-right: none;
}

.p_wrap[b-tcv30xzbqm] {
}

    .p_wrap span[b-tcv30xzbqm] {
        width: fit-content;
        font-weight: 500;
        padding: 5px 10px;
        border-radius: 6px;
        box-shadow: 1px 1px 3px #e2e2e2;
        text-align: center;
        white-space: nowrap;
    }

        .p_wrap span:last-child[b-tcv30xzbqm] {
            display: none;
        }

.btn-wrap[b-tcv30xzbqm] {
    display: flex;
    width: 100%;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    padding-bottom: 20px;
}

.second-btn-wrap[b-tcv30xzbqm] {
    margin-top: 20px;
}
/* /Pages/Admin/Services/Template/TemplateDetail.razor.rz.scp.css */


.container-fluid[b-oal7t1nnww] {
    padding: 10px;
}

h2[b-oal7t1nnww] {
    font-size: 18px;
    font-weight: 600;
}

.cl-page-title .wrap[b-oal7t1nnww]{
    display:flex;
    justify-content:space-between;
    align-items:center;
}
.cl-page-title[b-oal7t1nnww] {
    margin-bottom:20px;
}

.write[b-oal7t1nnww]{
    margin-bottom:20px;
}

.cl-card[b-oal7t1nnww] {
    border: 1px solid #dedede;
    padding: 10px;
    border-radius: 12px;
    -webkit-border-radius: 12px;
}

@media(min-width:768px) {
}


@media(max-width:767px) {
}

.cl_ivy-project-create[b-oal7t1nnww] {
    padding: 0px 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    max-height: calc(100vh - 300px);
}

    .cl_ivy-project-create span[b-oal7t1nnww] {
        font-size: 14px;
        width: 70px;
    }

.body[b-oal7t1nnww] {
    width: 100%;
}

    .body .project-info .wrap[b-oal7t1nnww] {
        display: flex;
        flex-flow: row;
        -webkit-flex-flow: row;
        border: none !important;
    }

        .body .project-info .wrap .box-wrap[b-oal7t1nnww] {
            flex-grow: 1;
            -webkit-flex-grow: 1;
        }

.bottom[b-oal7t1nnww] {
    display: flex;
    justify-content: end;
    -webkit-justify-content: end;
}

.cbx[b-oal7t1nnww] {
    -webkit-user-select: none;
    user-select: none;
    -webkit-user-select: none;
    -webkit-tap-highlight-color: transparent;
    cursor: pointer;
    margin-right: 10px;
}

    .cbx span[b-oal7t1nnww] {
        display: inline-block;
        vertical-align: middle;
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
    }

        .cbx span:first-child[b-oal7t1nnww] {
            position: relative;
            width: 17px;
            height: 17px;
            border-radius: 50%;
            -webkit-border-radius: 50%;
            transform: scale(1);
            -webkit-transform: scale(1);
            vertical-align: middle;
            border: 1px solid #B9B8C3;
            transition: all 0.2s ease;
            -webkit-transition: all 0.2s ease;
        }

            .cbx span:first-child svg[b-oal7t1nnww] {
                position: absolute;
                z-index: 1;
                top: 2px;
                left: 3px;
                fill: none;
                stroke: white;
                stroke-width: 2;
                stroke-linecap: round;
                stroke-linecap: round;
                stroke-linejoin: round;
                stroke-dasharray: 16px;
                stroke-dashoffset: 16px;
                transition: all 0.3s ease;
                -webkit-transition: all 0.3s ease;
                transition-delay: 0.1s;
                -webkit-transition-delay: 0.1s;
                transform: translate3d(0, 0, 0);
                -webkit-transform: translate3d(0, 0, 0);
            }

            .cbx span:first-child[b-oal7t1nnww]:before {
                content: "";
                width: 100%;
                height: 100%;
                background: #A9BCF5;
                display: block;
                transform: scale(0);
                -webkit-transform: scale(0);
                opacity: 1;
                border-radius: 50%;
                -webkit-border-radius: 50%;
                transition-delay: 0.2s;
                -webkit-transition-delay: 0.2s;
            }

        .cbx span:last-child[b-oal7t1nnww] {
            margin-left: 8px;
        }

.check-wrap[b-oal7t1nnww] {
    width: 10px;
}

.employeelist .head span[b-oal7t1nnww] {
    font-size: 14px;
}

.table_wrap[b-oal7t1nnww] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-top: 10px;
}

.cbx span:last-child[b-oal7t1nnww]:after {
    content: "";
    position: absolute;
    top: 8px;
    left: 0;
    height: 1px;
    width: 100%;
    background: #B9B8C3;
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    transform: scaleX(0);
    -webkit-transform: scaleX(0);
}

.cbx:hover span:first-child[b-oal7t1nnww] {
    border-color: #B9B8C3;
}

.inp-cbx:checked + .cbx span:first-child[b-oal7t1nnww] {
    /*border-color: #3c53c7;*/
    border-color: #A9BCF5;
    background: #A9BCF5;
    animation: check-15-b-oal7t1nnww 0.6s ease;
    -webkit-animation: check-15 0.6s ease;
}

    .inp-cbx:checked + .cbx span:first-child svg[b-oal7t1nnww] {
        stroke-dashoffset: 0;
    }

    .inp-cbx:checked + .cbx span:first-child[b-oal7t1nnww]:before {
        transform: scale(2.2);
        -webkit-transform: scale(2.2);
        opacity: 0;
        transition: all 0.6s ease;
        -webkit-transition: all 0.6s ease;
    }

.inp-cbx:checked + .cbx span:last-child[b-oal7t1nnww] {
    color: #B9B8C3;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}

    .inp-cbx:checked + .cbx span:last-child[b-oal7t1nnww]:after {
        transform: scaleX(1);
        -webkit-transform: scaleX(1);
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
    }

@keyframes check-15-b-oal7t1nnww {
    50% {
        transform: scale(1.2);
        -webkit-transform: scale(1.2);
    }
}



.project-info .row[b-oal7t1nnww] {
    display: flex;
}

.project-info[b-oal7t1nnww] {
    padding: 15px 10px;
}

.employeelist[b-oal7t1nnww] {
    padding: 10px 0;
}

.project-info .wrap[b-oal7t1nnww] {
    display: flex;
}

.table-td img[b-oal7t1nnww] {
    width: 40px;
    height: 40px;
}

.project-info .wrap[b-oal7t1nnww] {
    display: flex;
    align-items: center;
    -webkit-align-items: center;
}

.head[b-oal7t1nnww] {
    width: 100%;
    /*display: flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items: center;
    -webkit-align-items: center;*/
}

    .head div[b-oal7t1nnww] {
        display: flex;
    }

.head-title[b-oal7t1nnww] {
    font-size: 18px;
    font-weight: 600;
}

.project-info .wrap .detail[b-oal7t1nnww] {
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    margin-right: 10px;
}

    .project-info .wrap .detail span[b-oal7t1nnww] {
        width: 30%;
        margin-right: 10px;
    }

.employeelist .head[b-oal7t1nnww] {
    display: flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    padding-top: 15px;
    font-size: 14px;
    align-items: center;
    -webkit-align-items: center;
}

@media (max-width:570px) {
    .project-info .wrap[b-oal7t1nnww] {
        display: flex;
        flex-direction: column;
        -webkit-flex-direction: column;
        align-items: center;
        -webkit-align-items: center;
        margin-right: 0px;
    }

        .project-info .wrap .detail[b-oal7t1nnww] {
            padding: 10px 0;
        }

    .head-wrap[b-oal7t1nnww] {
        display: flex;
    }
}

.head-wrap span[b-oal7t1nnww] {
    width: 20%;
}



table[b-oal7t1nnww] {
    border-collapse: collapse;
    width: 100%;
    background-color: white;
    margin: 0 auto;
    font-size: 13px;
}

thead[b-oal7t1nnww] {
    /*box-shadow: 4px 4px 10px rgba(0,0,0,0.1);*/
}

/* 테이블 행 */
td[b-oal7t1nnww] {
    padding: 8px;
    text-align: left;
    border-bottom: 1px solid #d8d8d8;
    text-align: center;
}

th[b-oal7t1nnww] {
    padding: 6px;
    text-align: left;
    text-align: center;
    /*border-top: 1px solid #9E9E9E;
    border-bottom: 1px solid #9E9E9E;*/
    background-color: #F1F3F5;
    color: #696E74;
    border: none;
}

/* 테이블 올렸을 때 */
tbody tr:hover[b-oal7t1nnww] {
    background-color: #d3d3d3;
    opacity: 0.9;
    cursor: pointer;
}

/* 테이블 비율 */


.table-th[b-oal7t1nnww] {
    width: calc(100% / 6);
    padding: 6px;
    text-align: center;
    /*border-top: 1px solid #9E9E9E;
    border-bottom: 1px solid #9E9E9E;*/
    background-color: #F1F3F5;
    color: #696E74;
    border-left: none;
    border-right: none;
}

th:nth-child(2)[b-oal7t1nnww],
td:nth-child(2)[b-oal7t1nnww] {
    width: 13%;
}

th:nth-child(1)[b-oal7t1nnww],
td:nth-child(1)[b-oal7t1nnww] {
    width: 5%;
}


th:nth-child(3)[b-oal7t1nnww], td:nth-child(3)[b-oal7t1nnww], th:nth-child(4)[b-oal7t1nnww], td:nth-child(4)[b-oal7t1nnww], th:nth-child(5)[b-oal7t1nnww], td:nth-child(5)[b-oal7t1nnww] {
    width: 13%;
}


th:nth-child(6)[b-oal7t1nnww], td:nth-child(6)[b-oal7t1nnww] {
    width: 5%;
}

th[b-oal7t1nnww], td[b-oal7t1nnww] {
    border-left: none;
    border-right: none;
}

.p_wrap[b-oal7t1nnww] {
}

    .p_wrap span[b-oal7t1nnww] {
        width: fit-content;
        font-weight: 500;
        padding: 5px 10px;
        border-radius: 6px;
        box-shadow: 1px 1px 3px #e2e2e2;
        text-align: center;
        white-space: nowrap;
    }

        .p_wrap span:last-child[b-oal7t1nnww] {
            display: none;
        }

.btn-wrap[b-oal7t1nnww] {
    display: flex;
    width: 100%;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    padding-bottom: 20px;
}
/* /Pages/Admin/Services/Template/Templates.razor.rz.scp.css */
.container-fluid[b-8jfbk6d19g]{
    padding:10px;
}

.cl-page-title[b-8jfbk6d19g] {
    display: flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
    margin-bottom: 10px;
}

h2[b-8jfbk6d19g] {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 0px;
}

.cl-qna-card_wrap[b-8jfbk6d19g]{
    display:flex;
    flex-wrap:wrap;
}

.cl-qna-ticket[b-8jfbk6d19g] {
    border: 1px solid #dedede;
    padding: 10px;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    margin-bottom: 20px;
    width:300px;
    margin: 0 15px 15px 0;
}

.top[b-8jfbk6d19g]{
    display:flex;
    align-items:baseline;
    margin-bottom:10px;
}

h6[b-8jfbk6d19g]{
    font-weight:600;
    font-size:15px;
    margin:0 8px 0 0;
}
p[b-8jfbk6d19g] {
    font-size: 15px;
    margin:0;
}

.body[b-8jfbk6d19g] {
    display: flex;
    align-items: baseline;
}

.bottom[b-8jfbk6d19g]{
    display:flex;
    justify-content:end;
    margin-top:10px;
}
/* /Pages/Clv/Index.razor.rz.scp.css */

.cl-landing-header[b-lw36dr26mn] {
    position: fixed;
    height: fit-content;
    top: 0;
    right: 0;
    left: 0;
    background-color: #fff;
    z-index: 500;
}

    .cl-landing-header .wrap[b-lw36dr26mn] {
        display: flex;
        justify-content: space-between;
        -webkit-justify-content: space-between;
        padding: 10px 20px;
        align-items: center;
        -webkit-align-items: center;
    }

        .cl-landing-header .wrap .logo_wrap[b-lw36dr26mn] {
        }

            .cl-landing-header .wrap .logo_wrap img[b-lw36dr26mn] {
                width: 40px;
                height: 40px;
            }

            .cl-landing-header .wrap .logo_wrap h4[b-lw36dr26mn] {
                color: #0b26a3;
                letter-spacing: 3px;
                font-size: 20px;
                margin: 0;
            }

                .cl-landing-header .wrap .logo_wrap h4 a[b-lw36dr26mn] {
                    text-decoration: none;
                }

        .cl-landing-header .wrap .button_wrap[b-lw36dr26mn] {
        }

            .cl-landing-header .wrap .button_wrap .header-ul[b-lw36dr26mn] {
                display: flex;
                justify-content: center;
                -webkit-justify-content: center;
                margin-bottom: 0;
                align-items: center;
                -webkit-align-items: center;
            }

                .cl-landing-header .wrap .button_wrap .header-ul .header-li[b-lw36dr26mn] {
                    color: #0b26a3;
                }

                    .cl-landing-header .wrap .button_wrap .header-ul .header-li button[b-lw36dr26mn] {
                        color: #0b26a3;
                        font-weight: 600;
                    }

                .cl-landing-header .wrap .button_wrap .header-ul .login[b-lw36dr26mn] {
                }

                    .cl-landing-header .wrap .button_wrap .header-ul .login a[b-lw36dr26mn] {
                        color: #0b26a3;
                        font-weight: 600;
                        cursor: pointer;
                        text-decoration: none;
                    }

                        .cl-landing-header .wrap .button_wrap .header-ul .login a:hover[b-lw36dr26mn] {
                            transform: scale(1.05);
                            -webkit-transform: scale(1.05);
                            transition-duration: 0.2s;
                            -webkit-transition-duration: 0.2s;
                        }
헤더 끝

메인
.cl-landing-main[b-lw36dr26mn] {
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
}
메인 끝

메인 탑
#cl-landing-top[b-lw36dr26mn] {
    padding: 57px 0 6rem;
    height: 90vh;
    background-repeat: no-repeat;
    background-size: cover;
}

    #cl-landing-top .wrap .ct_img[b-lw36dr26mn] {
        display: flex;
        flex-direction: column;
        -webkit-flex-direction: column;
        position: relative;
        align-items: center;
        -webkit-align-items: center;
    }

        #cl-landing-top .wrap .ct_img .ct_1[b-lw36dr26mn] {
            width: 220px;
            z-index: 10;
            margin-top: 100px;
        }

        #cl-landing-top .wrap .ct_img .ct_2[b-lw36dr26mn] {
            width: 200px;
            position: absolute;
            animation-name: ct-ivy_hello-b-lw36dr26mn;
            animation-duration: 1.5s;
            animation-fill-mode: forwards;
            animation-timing-function: ease-in-out;
            -webkit-animation-name: ct-ivy_hello;
            -webkit-animation-duration: 1.5s;
            -webkit-animation-fill-mode: forwards;
            -webkit-animation-timing-function: ease-in-out;
        }

@keyframes ct-ivy_hello-b-lw36dr26mn {
    from {
        transform: translateX(0);
        -webkit-transform: translateX(0);
    }

    to {
        transform: translateY(-47px);
        -webkit-transform: translateY(-47px);
    }
}

#cl-landing-top .wrap[b-lw36dr26mn] {
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    height: 100%;
    width: 100%;
}

    #cl-landing-top .wrap .text[b-lw36dr26mn] {
        margin: auto;
        display: flex;
        flex-direction: column;
        -webkit-flex-direction: column;
    }

        #cl-landing-top .wrap .text div[b-lw36dr26mn] {
            display: flex;
            justify-content: center;
            -webkit-justify-content: center;
        }

        #cl-landing-top .wrap .text h3[b-lw36dr26mn] {
            font-size: 35px;
            text-align: center;
            margin: 0 auto;
            color: white;
        }

        #cl-landing-top .wrap .text p[b-lw36dr26mn] {
            text-align: center;
            font-size: 20px;
        }

        #cl-landing-top .wrap .text img[b-lw36dr26mn] {
            width: 200px;
        }
메인 탑 끝

메인 소개
#cl-landing-introduce[b-lw36dr26mn] {
    padding: 5em 0;
}

    #cl-landing-introduce .container[b-lw36dr26mn] {
        height: fit-content;
    }

    #cl-landing-introduce .box[b-lw36dr26mn] {
        box-shadow: 1px 1px 7px #ededed;
        -webkit-box-shadow: 1px 1px 7px #ededed;
        border-radius: 10px;
        -webkit-border-radius: 10px;
        padding: 40px 20px;
        display: flex;
    }

        #cl-landing-introduce .box img[b-lw36dr26mn] {
            width: 40%;
            border-radius: 10px;
        }

    #cl-landing-introduce .right[b-lw36dr26mn] {
        padding-left: 30px;
    }

        #cl-landing-introduce .right h3[b-lw36dr26mn] {
            font-size: 23px;
            text-align: center;
        }

        #cl-landing-introduce .right h6[b-lw36dr26mn] {
            font-size: 18px;
            text-align: center;
            color: lightslategray;
            margin-bottom: 30px;
        }

        #cl-landing-introduce .right .wrap[b-lw36dr26mn] {
            display: flex;
            margin-top: 20px;
        }

            #cl-landing-introduce .right .wrap .img[b-lw36dr26mn] {
                height: 50px;
                min-width: 50px;
                display: flex;
                background-color: #e8ebed;
                margin-right: 30px;
                border-radius: 10px;
                -webkit-border-radius: 10px;
            }

            #cl-landing-introduce .right .wrap img[b-lw36dr26mn] {
                width: 35px;
                height: 35px;
                margin: auto;
            }

            #cl-landing-introduce .right .wrap .img_update[b-lw36dr26mn] {
                animation: clv-landing-update-b-lw36dr26mn 2.5s linear infinite;
                transform-origin: 50% 50%;
                -webkit-animation: clv-landing-update 2.5s linear infinite;
                -webkit-transform-origin: 50% 50%;
            }

@keyframes clv-landing-update-b-lw36dr26mn {
    100% {
        transform: rotate(360deg);
    }
}

#cl-landing-introduce .right .wrap .img_security[b-lw36dr26mn] {
    width: 35px;
    height: 35px;
    margin: auto;
    animation: clv-landing-security-b-lw36dr26mn 1s linear infinite alternate;
    -webkit-animation: clv-landing-security 1s linear infinite alternate;
}

@keyframes clv-landing-security-b-lw36dr26mn {
    from {
        transform: scale(0.9);
        -webkit-transform: scale(0.9);
    }

    to {
        transform: scale(1);
        -webkit-transform: scale(1);
    }
}

#cl-landing-introduce .right .wrap text[b-lw36dr26mn] {
}

    #cl-landing-introduce .right .wrap text h5[b-lw36dr26mn] {
        font-size: 18px;
    }

    #cl-landing-introduce .right .wrap text p[b-lw36dr26mn] {
    }
메인 소개 끝

사용 활용
#cl-landing-uses[b-lw36dr26mn] {
    padding: 5em 0;
}

    #cl-landing-uses .wrap[b-lw36dr26mn] {
        overflow: hidden;
    }

        #cl-landing-uses .wrap .box[b-lw36dr26mn] {
            padding: 20px 30px;
            border-left: 2px dotted rgba(45, 3, 252, 0.2);
            border-bottom: 2px dotted rgba(45, 3, 252, 0.2);
            margin: -2px;
        }

            #cl-landing-uses .wrap .box h5[b-lw36dr26mn] {
                color: rgba(45, 3, 252, 0.7);
                font-size: 18px;
            }

            #cl-landing-uses .wrap .box h3[b-lw36dr26mn] {
                font-size: 21px;
                color: darkslategray;
            }

            #cl-landing-uses .wrap .box p[b-lw36dr26mn] {
            }
사용 활용 끝

.cl-landing-OnPremise[b-lw36dr26mn] {
    display: flex;
    margin: 150px 0 150px 0;
    justify-content: space-around;
    -webkit-justify-content: space-around;
    align-items: center;
    -webkit-align-items: center;
    overflow-x: hidden;
}

.pic-wrap[b-lw36dr26mn] {
    display: flex;
    justify-content: space-evenly;
    -webkit-justify-content: space-evenly;
    align-items: center;
    -webkit-align-items: center;
    width: 42%;
    margin: 0 auto;
}

@media(max-width:767px) {
    .pic-wrap[b-lw36dr26mn] {
        width: 100%;
        margin-bottom: 50px;
    }
}

.server-img[b-lw36dr26mn] {
    height: 120px;
    width: 120px;
}

.server-arrow[b-lw36dr26mn] {
    height: 100%;
    animation-name: arrow-move-b-lw36dr26mn;
    animation-duration: 2s;
    animation-timing-function: ease;
    animation-iteration-count: 1.5;
    -webkit-animation-name: arrow-move;
    -webkit-animation-duration: 2s;
    -webkit-animation-timing-function: ease;
    -webkit-animation-iteration-count: 1.5;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
}

.server-company[b-lw36dr26mn] {
    height: 300px;
    width: 100%;
}

@-webkit-keyframes arrow-move {
    0% {
        width: 0%;
        opacity: 0.5;
    }

    100% {
        width: 100%;
        opacity: 1;
    }
}

@keyframes arrow-move-b-lw36dr26mn {
    0% {
        width: 0%;
        opacity: 0;
    }

    100% {
        width: 100%;
        opacity: 1;
    }
}

.Onpremise-border-color[b-lw36dr26mn] {
    height: 230px;
    width: 2px;
    background-image: linear-gradient(to top, #df89b5 0%, #bfd9fe 100%);
    margin-right: 30px;
}

.OnPremise-text[b-lw36dr26mn] {
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    margin: 20px 0 0 0px;
    width: 80%;
}

    .OnPremise-text h4[b-lw36dr26mn] {
        margin-bottom: 30px;
    }

@media(max-width:767px) {
    .OnPremise-text[b-lw36dr26mn] {
        margin-top: 30px;
        margin-left: 0;
    }
}



.cl-landing-Server-Feature[b-lw36dr26mn] {
    display: flex;
    margin: 100px 0 100px 0;
    overflow-x: hidden;
}

    .cl-landing-Server-Feature .box_wrap[b-lw36dr26mn] {
        display: flex;
        justify-content: space-around;
        -webkit-justify-content: space-around;
    }



.Feature-line[b-lw36dr26mn] {
    height: 2px;
    width: 80%;
    background-color:rgba(4,4,4,0.4);
    margin: 10px 0 10px 0;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    border-style:dashed;
}

.server-datasave[b-lw36dr26mn] {
    margin: 200px 0 200px 0;
    display: flex;
}

.server-datasave-text[b-lw36dr26mn] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    -webkit-flex-direction: column;
    -webkit-align-items: flex-start;
    -webkit-justify-content: center;
}

    .server-datasave-text p[b-lw36dr26mn] {
        margin-top: 10px;
    }

@media(max-wdth:600px) {
    .server-datasave-text[b-lw36dr26mn] {
        width: 90%;
        margin: 0 auto;
    }

        .server-datasave-text .p[b-lw36dr26mn] {
            margin-top: 20px;
        }
}

.server-datasave-img-wrap[b-lw36dr26mn] {
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;
}

@media(max-width:767px) {
    .server-datasave-img-wrap[b-lw36dr26mn] {
        margin-top: 70px;
    }
}

.datasave-img[b-lw36dr26mn] {
    position: absolute;
    top: -10px;
    left: 0;
    bottom: 100%;
    width: 80px;
    height: 80px;
    z-index: 1;
}

.hardware-img[b-lw36dr26mn] {
    position: relative;
    width: 100px;
    height: 100px;
}

.server-waiting-img[b-lw36dr26mn] {
    max-width: 100px;
    height: 100px;
    min-width: 70px;
    min-height: 70px;
}


.server-in-operation[b-lw36dr26mn] {
    max-width: 100px;
    height: 100px;
    min-width: 70px;
    min-height: 70px;
}

.img-loading[b-lw36dr26mn] {
    width: 100px;
    height: 100px;
    animation: rotate-img 6s linear infinite;
    transform-origin: 50% 50%;
    -webkit-animation: rotate_img 6s linear infinite;
    -webkit-transform-origin: 50% 50%;
}

@keyframes rotate_img-b-lw36dr26mn {
    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
    }
}


@-webkit-keyframes rotate_img {
    100% {
        -webkit-transform: rotate(360deg);
    }
}



@media (min-width:992px) {
    .Feature-img-wrap[b-lw36dr26mn] {
        width: 100%;
    }
}

erp 소개
#cl-landing-erp[b-lw36dr26mn] {
    padding: 5em 0;
    background-color: #f8f7fa;
}

    #cl-landing-erp .text_wrap[b-lw36dr26mn] {
        display: flex;
        justify-content: center;
        -webkit-justify-content: center;
    }

        #cl-landing-erp .text_wrap div[b-lw36dr26mn] {
            width: fit-content;
            display: flex;
            align-items: center;
            -webkit-align-items: center;
            flex-direction: column;
            -webkit-flex-direction: column;
            backdrop-filter: blur(5px);
            -webkit-backdrop-filter: blur(5px);
            padding: 50px 0;
        }

        #cl-landing-erp .text_wrap h3[b-lw36dr26mn] {
            margin-bottom: 20px;
            padding: 0 10px;
            border-radius: 3px;
            -webkit-border-radius: 3px;
        }

        #cl-landing-erp .text_wrap p[b-lw36dr26mn] {
            font-size: 18px;
            margin-bottom: 0px;
            padding: 0 10px;
            border-radius: 3px;
            -webkit-border-radius: 3px;
            word-break: keep-all;
            text-align: center;
        }

            #cl-landing-erp .text_wrap p strong[b-lw36dr26mn] {
                font-weight: 500;
                text-decoration: underline;
            }

    #cl-landing-erp .img_wrap[b-lw36dr26mn] {
        display: flex;
    }

        #cl-landing-erp .img_wrap div[b-lw36dr26mn] {
            display: flex;
            width: 100%;
        }

        #cl-landing-erp .img_wrap img[b-lw36dr26mn] {
            margin: auto;
            max-width: 200px;
        }
erp 소개 끝

케이스 case
#cl-landing-case[b-lw36dr26mn] {
    padding: 5em 0;
    background-image: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

    #cl-landing-case .container[b-lw36dr26mn] {
        background-size: contain;
        background-position: center center;
        background-repeat: no-repeat;
    }

    #cl-landing-case .box_wrap[b-lw36dr26mn] {
        display: flex;
        align-items: center;
        justify-content: space-around;
        -webkit-align-items: center;
        -webkit-justify-content: space-around;
        height: fit-content;
        backdrop-filter: blur(5px);
        -webkit-backdrop-filter: blur(5px);
    }


@media(max-width:992px) {
    #cl-landing-case .box_wrap[b-lw36dr26mn] {
        display: flex;
        flex-direction: column;
        -webkit-flex-direction: column;
        height: fit-content;
    }
}

@media(max-width:700px) {
    #cl-landing-case .row[b-lw36dr26mn] {
        display: flex;
        flex-direction: column;
        -webkit-flex-direction: column;
        height: fit-content;
        width: fit-content;
    }
}

#cl-landing-case .box_wrap .col-lg-6[b-lw36dr26mn] {
    padding: 0 10px;
}

#cl-landing-case .box_wrap .box[b-lw36dr26mn] {
    box-shadow: 3px 3px 2px 3px #ededed;
    -webkit-box-shadow: 3px 3px 2px 3px #ededed;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    width: 250px;
    min-width: 200px;
    height: 70px;
    margin: 0 auto;
    background-color: #fff;
    margin-bottom: 15px;
    -webkit-box-shadow: 3px 3px 2px 3px #ededed;
    -webkit-border-radius: 5px;
}

.cl-landing-case .landing-case-text[b-lw36dr26mn] {
    display: flex;
    align-items: center;
    -webkit-align-items: center;
}


#cl-landing-case .box_wrap .box .text[b-lw36dr26mn] {
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    height: 100%;
}

    #cl-landing-case .box_wrap .box .text p[b-lw36dr26mn] {
        margin: 0;
        text-align: center;
        font-weight: 600;
        color: #0b26a3;
    }

        #cl-landing-case .box_wrap .box .text p:last-child[b-lw36dr26mn] {
            font-size: 1.2rem;
        }

#cl-landing-case .text_wrap[b-lw36dr26mn] {
    margin-top: 50px;
}

    #cl-landing-case .text_wrap h3[b-lw36dr26mn] {
        text-align: center;
        font-size: 25px;
    }

    #cl-landing-case .text_wrap h6[b-lw36dr26mn] {
        text-align: center;
        font-size: 18px;
        color: darkgray;
    }

.landing-img-test[b-lw36dr26mn] {
    width: 100px;
    height: 100px;
    margin: 0;
}
케이스 case 끝

레비 사용 설명
#lv-landing-intro[b-lw36dr26mn] {
    padding: 5em 0;
}

    #lv-landing-intro .col-12[b-lw36dr26mn] {
        position: relative;
    }

    #lv-landing-intro .img[b-lw36dr26mn] {
        display: flex;
        justify-content: center;
        -webkit-justify-content: center;
        align-content: center;
        -webkit-align-content: center;
        position: relative;
    }

        #lv-landing-intro .img img[b-lw36dr26mn] {
            margin: auto;
            max-width: 400px;
            min-width: 250px;
            width: 70%;
            opacity: 0.6;
        }

    #lv-landing-intro .col-12 .text[b-lw36dr26mn] {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        display: flex;
        align-items: center;
        -webkit-align-items: center;
    }

        #lv-landing-intro .col-12 .text .box[b-lw36dr26mn] {
            margin: auto;
        }

        #lv-landing-intro .col-12 .text h3[b-lw36dr26mn] {
            text-align: center;
            text-shadow: 1.5px 1.5px 3px rgba(0,0,0,0.5);
        }


@media(max-width:700px) {
    #lv-landing-intro .col-12 .text h3[b-lw36dr26mn] {
        font-size: 15px;
        white-space: break-spaces;
        word-break: break-word;
        word-wrap: break-word;
    }
}

#lv-landing-text[b-lw36dr26mn] {
    margin-top: 3em;
}

    #lv-landing-text h2[b-lw36dr26mn] {
    }
레비 사용 설명 끝
레비 스케줄
#lv-landing-schedule[b-lw36dr26mn] {
    padding: 3em 0 5em;
    height: fit-content;
}

    #lv-landing-schedule .img[b-lw36dr26mn] {
        display: flex;
        height: 100%;
    }

        #lv-landing-schedule .img img[b-lw36dr26mn] {
            max-height: 500px;
            width: 80%;
            max-width: auto;
            margin: auto;
            object-fit: scale-down;
        }

    #lv-landing-schedule .col-sm-4[b-lw36dr26mn] {
        display: flex;
    }

    #lv-landing-schedule .text[b-lw36dr26mn] {
        margin: auto;
    }

        #lv-landing-schedule .text p[b-lw36dr26mn] {
            font-size: 18px;
        }


@media(max-width:500px) {

    #lv-landing-schedule .text[b-lw36dr26mn] {
        margin-top: 30px;
    }

        #lv-landing-schedule .text p[b-lw36dr26mn] {
            font-size: 15px;
        }
레비 스케줄 끝[b-lw36dr26mn]
}

레비 드라이브

#lv-landing-drive[b-lw36dr26mn] {
    padding: 5em 0;
    height: fit-content;
}

    #lv-landing-drive .img[b-lw36dr26mn] {
        display: flex;
    }

        #lv-landing-drive .img img[b-lw36dr26mn] {
            max-height: 500px;
            width: 80%;
            max-width: auto;
            margin: auto;
            object-fit: scale-down;
        }

    #lv-landing-drive .col-sm-4[b-lw36dr26mn] {
        display: flex;
    }

    #lv-landing-drive .text[b-lw36dr26mn] {
        margin: auto;
    }

        #lv-landing-drive .text p[b-lw36dr26mn] {
            font-size: 18px;
        }


@media(max-width:500px) {

    #lv-landing-drive .row[b-lw36dr26mn] {
    }

    #lv-landing-drive .text[b-lw36dr26mn] {
        margin-top: 30px;
    }

        #lv-landing-drive .text p[b-lw36dr26mn] {
            font-size: 15px;
        }
}
레비 드라이브 끝
푸터 연락 문의
.cl-Project-Function[b-lw36dr26mn] {
    padding: 150px 0 150px 0;
}

    .cl-Project-Function .col-lg-6[b-lw36dr26mn] {
        display: flex;
        flex-direction: column;
        -webkit-flex-direction: column;
        justify-content: center;
        -webkit-justify-content: center;
        align-items: center;
        -webkit-align-items: center;
        height: 300px;
    }

.Project-Function-text[b-lw36dr26mn] {
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    justify-content: center;
    -webkit-justify-content: center;
    width: 80%;
    margin: 0 auto;
}

    .Project-Function-text h4[b-lw36dr26mn] {
        margin-bottom: 15px;
    }

    .Project-Function-text p[b-lw36dr26mn] {
    }

.percent-bar[b-lw36dr26mn] {
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    width: 90%;
    margin-top: 30px;
    position: relative;
}

.percent-gauge[b-lw36dr26mn] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    margin-top: 20px;
}
/* /Pages/Clv/Introduce.razor.rz.scp.css */
/* /Pages/_Host.cshtml.rz.scp.css */
.my-reconnect-modal > div[b-fenmctxh8z] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1500;
    overflow: hidden;
    background-color: #fff;
    opacity: 0.8;
    text-align: center;
    font-weight: bold;
}

.components-reconnect-hide > div[b-fenmctxh8z] {
    display: none;
}

.components-reconnect-show > div[b-fenmctxh8z] {
    display: none;
}

.components-reconnect-show > .show[b-fenmctxh8z] {
    display: block;
}

.components-reconnect-failed > div[b-fenmctxh8z] {
    display: none;
}

.components-reconnect-failed > .failed[b-fenmctxh8z] {
    display: block;
}

.components-reconnect-rejected > div[b-fenmctxh8z] {
    display: none;
}

.components-reconnect-rejected > .rejected[b-fenmctxh8z] {
    display: block;
}
/* /Pages/_InAppHost.cshtml.rz.scp.css */
.my-reconnect-modal > div[b-qzonvb5ixr] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1500;
    overflow: hidden;
    background-color: #fff;
    opacity: 0.8;
    text-align: center;
    font-weight: bold;
}

.components-reconnect-hide > div[b-qzonvb5ixr] {
    display: none;
}

.components-reconnect-show > div[b-qzonvb5ixr] {
    display: none;
}

.components-reconnect-show > .show[b-qzonvb5ixr] {
    display: block;
}

.components-reconnect-failed > div[b-qzonvb5ixr] {
    display: none;
}

.components-reconnect-failed > .failed[b-qzonvb5ixr] {
    display: block;
}

.components-reconnect-rejected > div[b-qzonvb5ixr] {
    display: none;
}

.components-reconnect-rejected > .rejected[b-qzonvb5ixr] {
    display: block;
}

/* /Shared/Layouts/MainLayout.razor.rz.scp.css */
/* /Shared/LoadingDisplay.razor.rz.scp.css */
/*body {
    background-color: #222;
}

#clevi-circle-preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#clevi-circle-loader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #9370DB;
    -webkit-animation: spin 5s linear infinite;
    animation: spin 5s linear infinite;
}

    #clevi-circle-loader:before {
        content: "";
        position: absolute;
        top: 5px;
        left: 5px;
        right: 5px;
        bottom: 5px;
        border-radius: 50%;
        border: 3px solid transparent;
        border-top-color: #BA55D3;
        -webkit-animation: spin 5s linear infinite;
        animation: spin 5s linear infinite;
    }

    #clevi-circle-loader:after {
        content: "";
        position: absolute;
        top: 15px;
        left: 15px;
        right: 15px;
        bottom: 15px;
        border-radius: 50%;
        border: 3px solid transparent;
        border-top-color: #FF00FF;
        -webkit-animation: spin 1.5s linear infinite;
        animation: spin 1.5s linear infinite;
    }

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
*/