@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");

@media (min-width: 550px) {
    .clc-body {
        padding: 10px;
    }
}

@media screen and (max-width: 550px) {
    .clc-body::-webkit-scrollbar {
        width: 1px !important;
    }

    .clc-body {
        padding: 0 20px;
    }
}

body {
    font-family: 'Pretendard';
}


textarea, text {
    resize: none;
}

ul, ol {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.clc-body, .clc-layout, .cl-background, .clc-card,
.clc-stack, .clc-header, .clc-sidebar, .clc-dialog, .clc-dialog-titlebar {
    background: #fff;
}

.clc-sidebar {
    box-shadow: 1px 1px 2px #F8F4FD;
    -webkit-box-shadow: 1px 1px 2px #F8F4FD;
}

/*clc-dialog*/

@media (max-width: 768px) {
    .clc-dialog:not(.clc-dialog-confirm):not(.clc-dialog-alert) {
        inset-block-start: unset !important;
    }
}


/*clc. swicth*/

.clc-switch .clc-switch-circle {
    box-shadow: none;
    background-color: #d9d9d9;
    width: 46px;
    height: 26px;
}

.clc-switch.clc-switch-checked .clc-switch-circle {
    box-shadow: none;
    background-color: #4676F4;
    width: 46px;
    height: 26px;
}

.clc-switch .clc-switch-circle:before {
    background-color: #fff;
    width: 22px !important;
    height: 22px !important;
    position: absolute;
    left: 2px !important;
    top: 2px !important;
    bottom: 2px !important;
    margin: 0 !important;
    box-shadow: none;
}

.clc-switch .clc-switch-circle:after {
    background-color: #fff;
    width: 22px !important;
    height: 22px !important;
    position: absolute;
    left: 2px !important;
    top: 2px !important;
    bottom: 2px !important;
    margin: 0 !important;
    box-shadow: none;
}


.clc-switch .clc-switch-circle:active:not(.clc-disabled):before {
    margin: 0;
}

.clc-switch .clc-switch-circle:hover {
    margin: 0;
    box-shadow: none;
}


.clc-switch {
    width: 46px;
    height: 26px;
}

/*clc button*/
.clc-button.clc-primary {
    color: #fff !important;
    background-color: #212f4b !important;
    box-shadow: none;
    -webkit-box-shadow: none;
}

.clc-button.clc-secondary {
    background-color: #E8EAEC !important;
    color: #696E74 !important;
    box-shadow: none;
    -webkit-box-shadow: none;
}

.clc-button.clc-light {
    background-color: #E5F0FE !important;
    color: #17171B !important;
    box-shadow: none;
    -webkit-box-shadow: none;
}

.clc-button.clc-success {
    background-color: #EDF8FB !important;
    color: #17171B !important;
    box-shadow: none;
    -webkit-box-shadow: none;
}

.clc-button.clc-danger {
    box-shadow: none;
    -webkit-box-shadow: none;
}

.clc-button.clc-info {
    background-color: transparent !important;
    color: #17171B !important;
    box-shadow: none;
    -webkit-box-shadow: none;
}

.clc-button.clc-warning {
    background-color: #F8F4FD !important;
    color: #17171B !important;
    box-shadow: none;
    -webkit-box-shadow: none;
}

.clc-button:hover {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

.clc-button:active {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}


.cl_empty-page {
    height: calc(100vh - 400px);
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
}

    .cl_empty-page div {
        display: flex;
        flex-direction: column;
        -webkit-flex-direction: column;
        align-items: center;
        -webkit-align-items: center;
        justify-content: center;
        -webkit-justify-content: center;
    }

    .cl_empty-page img {
        width: 60px;
        height: 60px;
        margin-bottom: 15px;
    }

    .cl_empty-page p {
        font-weight: 600;
        font-size: 15px;
        text-align: center;
        margin: auto;
        color: #c3c3c3;
    }

    .cl_empty-page button {
        font-size: 15px;
        width: 100px;
        border: none;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        color: #4676f4;
        background-color: #edf5ff;
        margin-top: 15px;
        padding: 5px 15px;
    }


/*탑바 topbar*/
.cl-quick-nav {
    display: flex;
    align-items: center;
    -webkit-align-items: center;
}

    .cl-quick-nav .alarm img {
        width: 24px;
        height: 24px;
    }

    .cl-quick-nav .platform {
        margin-left: 12px;
        cursor: pointer;
    }

        .cl-quick-nav .platform img {
            width: 24px;
            height: 24px;
        }

    .cl-quick-nav .manual {
        cursor: pointer;
    }

        .cl-quick-nav .manual a {
        }

            .cl-quick-nav .manual a img {
                width: 24px;
                height: 24px;
            }
/*탑바 topbar end*/

/*사이드바 sidebar*/
.favorite {
    width: 15px;
    height: 15px;
    margin-right: 5px;
}

.chatting-child {
    display: flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    width: 100%;
    padding: 0px 0 0px 10px;
    box-shadow: none;
    -webkit-box-shadow: none;
    align-items: center;
    -webkit-align-items: center;
    color: black;
    text-decoration: none;
}

.document-child {
    display: flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    width: 100%;
    padding: 0px 0 0px 10px;
    box-shadow: none;
    -webkit-box-shadow: none;
    align-items: center;
    -webkit-align-items: center;
    color: black;
    text-decoration: none;
}

.side-bar-btn {
    box-shadow: none;
    -webkit-box-shadow: none;
    width: 100%;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    padding: 5px 10px !important;
}


.sidebar-img {
    width: 25px;
    height: 25px;
}

.side-profile-detail-wrap {
    position: relative;
}

.side-bar-btn span {
    margin-left: 4px;
}


.message-notification {
    position: absolute;
    top: -5px;
    right: -8px;
    background-color: #4676F4;
    color: #FFF;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    width: 17px;
    height: 17px;
    font-size: 9px;
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
}

.cl_ivy-sidebar_search {
    margin-bottom: 10px;
    height: 35px;
    width: 90%;
    margin: 0 auto;
    background-color: #fff;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    border: none;
}

    .cl_ivy-sidebar_search textarea {
        height: 100%;
        width: 100%;
        padding: 5px 0 5px 12px;
        display: flex;
        justify-content: center;
        -webkit-justify-content: center;
        background-color: #fff;
        border-color: transparent;
        border-radius: 30px;
        -webkit-border-radius: 30px;
        align-items: center;
        -webkit-align-items: center;
        border: none;
        outline: none;
        font-size: 15px;
    }

    .cl_ivy-sidebar_search .clc-button {
        box-shadow: none;
        -webkit-box-shadow: none;
        background-color: transparent !important;
        margin: 0 10px 0 0;
        padding: 0;
    }
/*사이드바 끝*/

/*페이지 title (범용)*/
.page-title {
    display: flex;
    -webkit-align-items: center;
    -webkit-justify-content: space-between;
    margin-bottom: 30px;
}

    .page-title img {
        width: 24px;
        height: 24px;
    }

    .page-title h4 {
        font-size: 17px;
    }
/*페이지 title (범용) 끝*/


/*바텀 bottom*/
.bottom-appbar .tabs .arrow_box .clc-button {
    background-color: transparent !important;
    height: 20px;
    width: 20px;
    margin-left: 5px;
    display: flex;
    -webkit-justify-content: center;
    -webkit-align-items: center;
    box-shadow: none;
    -webkit-box-shadow: none;
}

.ivy-home-chat_select {
    max-width: 420px;
    background-color: transparent !important;
    padding: 0;
    border-radius: 0;
    -webkit-border-radius: 0;
    height: 80px;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    cursor: pointer;
}

    .ivy-home-chat_select .cl-list--body {
        display: flex;
        align-items: center;
        -webkit-align-items: center;
        justify-content: space-between;
        -webkit-justify-content: space-between;
        padding: 0px;
        width: 100%;
    }



.ivy-home-chat_img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
}
/*바텀 bottom 끝*/

/*챗메시지쪽 클래스는 아이솔레이션 이용못함*/
.clc-chat-message p {
    color: #333;
    font-size: 16px;
    line-height: 1.5;
}

.clc-chat-message ol {
    list-style-type: decimal !important;
    padding-left: 18px;
    margin-bottom: 20px;
}

.clc-chat-message ul {
    list-style-type: decimal !important;
    padding-left: 18px;
    margin-bottom: 20px;
}

.clc-chat-message dl {
    list-style-type: decimal !important;
    padding-left: 18px;
    margin-bottom: 20px;
}

.clc-chat-message li {
    color: #555;
    font-size: 16px;
    margin-bottom: 7px;
}


.cl-chatbox--sendbox_wrap {
    width: 100%;
    background-color: #fff;
    border-radius: 13px;
    -webkit-border-radius: 13px;
    border: none;
    padding: 0px 0;
    height: fit-content;
    display: flex;
    align-items: center;
}

    .cl-chatbox--sendbox_wrap .cl-chatbox--btn-wrap .clc-button {
        -webkit-align-items: center !important;
        height: 30px !important;
        width: 30px !important;
    }


.cl-chatbox--footer .speak_wrap .clc-button {
    /*    box-shadow: 1px 1px 3px #ededed;*/
    box-shadow: none;
    -webkit-box-shadow: none;
    min-height: fit-content !important;
    background-color: transparent !important;
}


/*우측 하단 버튼 디자인*/

/*하단바 있을 때 버튼*/
.cl_ivy-bottom_button_ne {
    box-shadow: none;
    -webkit-box-shadow: none;
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    padding: 0 !important;
    width: 40px;
    height: 40px;
    position: fixed;
    bottom: 40px;
    right: 25px;
    z-index: 1;
}
/*하단바 없을 때 버튼*/
.cl_ivy-bottom_button_e {
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    padding: 0 !important;
    width: 40px;
    height: 40px;
    position: sticky;
    top: calc(100% - 50px);
    left: calc(100% - 50px);
    z-index: 1;
}

.install-overlay {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    animation: installblackoutAnimation 0.3s forwards;
    -webkit-animation: installblackoutAnimation 0.3s forwards;
    z-index: 1000;
}

@keyframes installblackoutAnimation {

    from {
        background: #00000000;
    }

    to {
        background: #000000a0;
    }
}

.install-overlay .install-modal {
    position: fixed;
    z-index: 1000;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100vw;
    height: 60vh;
    background: white;
    border-radius: 30px 30px 0px 0px;
    -webkit-border-radius: 30px 30px 0px 0px;
    justify-content: center;
    -webkit-justify-content: center;
    align-content: center;
    -webkit-align-content: center;
    display: flex;
}



.install-button {
    border: none;
    padding: 8px 30px;
    margin: 10px;
    height: fit-content;
    border-radius: 20px; /* Fully rounded corners */
    -webkit-border-radius: 20px; /* Fully rounded corners */
    cursor: pointer;
    font-size: 16px;
    background-color: #4CAF50; /* Green background */
    color: white;
}

.cancel-button {
    border: none;
    padding: 8px 30px;
    margin: 10px;
    height: fit-content;
    border-radius: 20px; /* Fully rounded corners */
    -webkit-border-radius: 20px; /* Fully rounded corners */
    cursor: pointer;
    font-size: 16px;
    background-color: #f44336; /* Red background */
    color: white;
}

.bottom-bar {
    position: sticky;
    bottom: 0;
    width: 100vw;
    z-index: 19;
    justify-content: space-around;
    -webkit-justify-content: space-around;
    user-select: none;
    -webkit-user-select: none;
}

.bottom-bar-icon-wrap {
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    text-decoration: none;
    -webkit-text-decoration: none;
}

.cl-nav-hover-effect {
    position: relative;
    background-color: #F9F9F9;
    text-decoration: none;
    -webkit-text-decoration: none;
    color: #000000;
}

    .cl-nav-hover-effect:after {
        content: '';
        position: absolute;
        width: 97%;
        height: 100%;
        bottom: 0;
        left: 0;
        border-radius: 18px;
        -webkit-border-radius: 18px;
        transform: scaleX(0);
        -webkit-transform: scaleX(0);
        background-color: #DCDCDC;
        color: #4676F4;
        transform-origin: center;
        -webkit-transform-origin: center;
        transition: transform 0.3s ease-out;
        -webkit-transition: transform 0.3s ease-out;
    }

    .cl-nav-hover-effect:hover:after {
        transform: scaleX(1);
        -webkit-transform: scaleX(1);
        /*        transform-origin: bottom left;*/
    }

.focus-board-list {
    color: #4676F4;
    font-weight: 700;
    padding: 10px 0 10px 0;
}

/*.page {
    width: 100vw;
    height: 100vh;
    padding: 20px;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

    .page img {
        max-width: 60%;
        height: auto;
        display: block;
    }*/


/*아이비말풍선*/
.arrow_box {
    position: absolute;
    background: #ffffff;
    border: 4px solid #4676F4;
    bottom: 110px;
    font-weight: 600;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    padding: 8px 10px 8px 20px;
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
}

    .arrow_box:after, .arrow_box:before {
        top: 100%;
        left: 50%;
        border: solid transparent;
        content: "";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .arrow_box:after {
        border-color: rgba(255, 255, 255, 0);
        border-top-color: #ffffff;
        border-width: 15px;
        margin-left: -20px;
    }

    .arrow_box:before {
        border-color: rgba(70, 118, 244, 0);
        border-top-color: #4676F4;
        border-width: 21px;
        margin-left: -26px;
    }

/*아이비말풍선*/




.news-movement-btn {
    display: flex;
    /*    width: 80%;
    height: 80px;
    background-color: #d7e1ff;
    margin: 0 auto;
    border-radius: 40px;
    align-items: center;
    justify-content: center;
    color: white;
    border:1px solid;*/
}

    .news-movement-btn .iconbox-img {
        width: 40px;
        height: 50px;
        margin-right: 15px;
    }

.news-btn-title-text {
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: flex-start;
    -webkit-align-items: flex-start;
    color: black;
    font-weight: bold;
}

    .news-btn-title-text span {
        font-size: 12px;
    }

    .news-btn-title-text p {
        margin-top: 1px;
        font-size: 6px;
    }

.clc-chat-message p {
    overflow-wrap: break-word;
    word-break: break-word;
}


.invite-delete-img {
    position: absolute;
    top: 3%;
    right: 0px;
    height: 14px;
    width: 14px;
}

.cl_ivy-invite .search textarea {
    height: 100%;
    justify-content: center;
    -webkit-justify-content: center;
    padding: 5px 0 0 12px;
    width: 100%;
    background-color: #F8F9FA;
    border-color: transparent;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    border: none;
    outline: none;
}

.cl_ivy-invite .search .search_box {
    margin-bottom: 10px;
    height: 30px;
    width: 100%;
    background-color: #F8F9FA;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    border: none;
}


    .cl_ivy-invite .search .search_box button {
        box-shadow: none;
        -webkit-box-shadow: none;
        background-color: transparent !important;
        margin: 0 12px 0 0;
        padding: 0;
    }

/*Contact Profile*/
.cp_background .clc-card {
    width: 100%;
    max-width: 500px;
}

.cp_background .select-photo {
}

    .cp_background .select-photo .clc-button {
        background-color: transparent !important;
        box-shadow: none !important;
        -webkit-box-shadow: none !important;
    }

        .cp_background .select-photo .clc-button img {
            width: 40px;
            height: auto;
        }

.cp_card {
    position: relative;
    width: 100%;
    height: 50vh;
}

.input-ivy-name {
    width: 100%;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    padding: 15px;
    border: solid 1px #ebeced;
    background-color: #f8f9fa;
    color: #767676;
    font-size: 13px;
    font-weight: 300;
}

.input-role {
    width: 100%;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    min-height: 110px;
    flex-grow: 0;
    margin: 10px 0 0;
    padding: 15px;
    border-radius: 8px;
    border: solid 1px #ebeced;
    background-color: #f8f9fa;
    color: #767676;
    font-size: 14px;
    display: flex;
}


.cp-card .adjust-wrap .adjust-wrap_button {
    padding: 5px 20px;
    justify-content: end;
    -webkit-justify-content: end;
    box-shadow: none;
    -webkit-box-shadow: none;
    background-color: #F8F4FD !important;
    color: #17171B !important;
    font-size: 10px;
    min-height: 20px;
    min-width: 20px;
    border-radius: 15px;
    -webkit-border-radius: 15px;
}

.cp_adjust-wrap_button {
    box-shadow: none;
    -webkit-box-shadow: none;
    background-color: #F8F4FD !important;
    color: #17171B !important;
    font-size: 10px;
    min-height: 20px;
    min-width: 20px;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    padding: 0px 15px;
    margin: 0 6px 0 0;
}

.ivy-profile-detail-wrap .add-profile-photo-btn {
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    background-color: #AAAAB1 !important;
    min-height: 30px;
    min-width: 30px;
    justify-content: center;
    -webkit-justify-content: center;
    padding: 0px !important;
    top: 63%;
    right: -7px;
    position: absolute;
    width: 25px;
    height: 25px;
    min-height: 25px !important;
    min-width: 25px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}



/*검색창 search wrap*/

.cl-gc-search_wrap {
    display: flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    width: 100%;
    align-items: center;
    -webkit-align-items: center;
}

    .cl-gc-search_wrap textarea {
        height: 100%;
        justify-content: center;
        -webkit-justify-content: center;
        padding: 7px 0 7px 15px;
        width: 100%;
        background-color: #F8F9FA;
        border-color: transparent;
        border-radius: 30px;
        -webkit-border-radius: 30px;
        display: flex;
        align-items: center;
        -webkit-align-items: center;
        border: none;
        outline: none;
        font-size: 13px;
        color: #767676;
    }

    .cl-gc-search_wrap input {
        height: 100%;
        justify-content: center;
        -webkit-justify-content: center;
        padding: 7px 0 7px 15px;
        flex:1;
        background-color: #F8F9FA;
        border-color: transparent;
        border-radius: 30px;
        -webkit-border-radius: 30px;
        display: flex;
        align-items: center;
        -webkit-align-items: center;
        border: none;
        outline: none;
        font-size: 14px;
    }

        .cl-gc-search_wrap input:hover, .cl-gc-search_wrap textarea:hover {
            border: none !important;
            outline: none !important;
        }

        .cl-gc-search_wrap input:active, .cl-gc-search_wrap textarea:active {
            border: none !important;
            outline: none !important;
        }

        .cl-gc-search_wrap input:focus, .cl-gc-search_wrap textarea:focus {
            border: none !important;
            outline: none !important;
        }

    .cl-gc-search_wrap .search_wrap {
        height: 34px;
        width: 100%;
        background-color: #F8F9FA;
        border-radius: 34px;
        -webkit-border-radius: 34px;
        border: none;
        position:relative;
    }

        .cl-gc-search_wrap .search_wrap input{
            margin:0;
        }


        .cl-gc-search_wrap .search_wrap .clc-button {
            box-shadow: none;
            -webkit-box-shadow: none;
            background-color: transparent !important;
            margin: 7px 13px 5px 0;
            padding: 0;
        }

            .cl-gc-search_wrap .search_wrap .clc-button :hover {
                box-shadow: none !important;
                -webkit-box-shadow: none !important;
                background-color: transparent !important;
            }

.cl-gc-card_top {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}



.cl_ivy-chattings .list_box .wrap .line .clc-button {
    padding: 2px 10px;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    line-height: unset !important;
    min-height: unset !important;
    font-size: 12px;
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    min-width: 70px;
    height: fit-content;
    padding: 5px 10px;
}

.cl_ivy-contacts-top .search textarea {
    height: 100%;
    justify-content: center;
    -webkit-justify-content: center;
    padding: 5px 0 0 12px;
    width: 100%;
    background-color: #F8F9FA;
    border-color: transparent;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    border: none;
    outline: none;
}

.cl_ivy-contacts-top .search .search_box {
    margin-bottom: 10px;
    height: 30px;
    width: 100%;
    background-color: #F8F9FA;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    border: none;
}


.add-profile-photo-btn {
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    background-color: #AAAAB1 !important;
    min-height: 30px;
    min-width: 30px;
    justify-content: center;
    -webkit-justify-content: center;
    padding: 0px !important;
    top: 63%;
    right: -7px;
    position: absolute;
    width: 30px;
    height: 30px;
    min-height: 30px !important;
    min-width: 30px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

.cl_ivy-contacts-top .search .search_box button {
    box-shadow: none;
    -webkit-box-shadow: none;
    background-color: transparent !important;
    margin: 0 12px 0 0;
    padding: 0;
}

.ivy-contact-profile-detail {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    background-color: #fff;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
}


/*우하단 연락처불러오기 버튼*/
.cl_ivy-call_contacts {
    height: 80px;
    max-width: 420px;
    padding: 0px;
    background-color: transparent !important;
    border-radius: 0;
    -webkit-border-radius: 0;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
}

    .cl_ivy-call_contacts .call {
        margin-right: 20px;
    }

        .cl_ivy-call_contacts .call .box {
            display: flex;
        }

        .cl_ivy-call_contacts .call img {
            margin: auto;
        }

        .cl_ivy-call_contacts .call p {
            text-align: center;
            font-size: 14px;
            margin: 0;
        }

/*연락처 그룹설정 페이지*/
.cl_ivy-contact_group .cl_ivy-invitelist_wrap .set-btn-wrap .edit-contact-group {
    background-color: transparent !important;
    min-width: unset !important;
    max-height: unset !important;
}


.edit-contact-group img {
    width: 20px;
    height: 20px;
}


.cl_ivy-invite-card {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    padding: 10px;
}

    .cl_ivy-invite-card .fix-top-wrap {
        position: sticky;
        top: 0;
        left: 0;
        right: 0;
        display: flex;
        flex-direction: column;
        -webkit-flex-direction: column;
        padding: 0 0 10px 0;
        z-index: 1;
        background: #FFF;
    }

        .cl_ivy-invite-card .fix-top-wrap .chatroom_name {
            margin: 5px 5px 0 0;
            display: flex;
            justify-content: end;
            -webkit-justify-content: end;
            font-size: 12px;
        }

            .cl_ivy-invite-card .fix-top-wrap .chatroom_name .clc-textbox {
                flex-grow: 1;
                border-radius: 20px;
                -webkit-border-radius: 20px;
            }

                .cl_ivy-invite-card .fix-top-wrap .chatroom_name .clc-textbox:focus {
                    border: 1px solid #9e9e9e;
                }

            .cl_ivy-invite-card .fix-top-wrap .chatroom_name .clc-button {
                width: 50px;
                margin-left: 10px;
            }



/*Index*/
.cl_ivy-index-slide {
    overflow: hidden;
    position: relative;
    border: none;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    transition: box-shadow 0.3s;
    -webkit-transition: box-shadow 0.3s;
    cursor: pointer;
    background-color: #e9ecef;
    color: #333;
    height: 180px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 0px;
}


.cl_ivy-index-silde_box .first_wrap .secon_wrap .third_wrap .button_wrap .mt-2 {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 4px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 4px;
    color: #4676F4 !important;
    background-color: #fff !important;
    min-width: 40px;
    min-height: 30px;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    padding: 5px 10px;
    font-size: 12px;
}


.cl_ivy-erp_nav .box .clc-button {
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px;
    color: #768CFF !important;
    background-color: #fff !important;
    width: 100%;
    height: 50px;
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 13px;
    -webkit-border-radius: 13px;
    margin-right: 10px;
}


.cl_ivy-home-chat .button_wrap button {
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px;
    color: #768CFF !important;
    background-color: #fff !important;
    width: 48%;
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 13px;
    -webkit-border-radius: 13px;
    margin-right: 10px;
}

    .cl_ivy-home-chat .button_wrap button:last-child {
        margin-right: 0;
    }

.cl_ivy-home-chat .w-100 .clc-button {
    font-size: 12px;
    border-radius: 13px;
    -webkit-border-radius: 13px;
}

/*
.cl_ivy-home-chat .button_wrap .individual {
    background-color: #F8F4FD !important;
    box-shadow: none;
    -webkit-box-shadow: none;
}

.cl_ivy-home-chat .button_wrap .group {
    background-color: #F8F4FD !important;
    box-shadow: none;
    -webkit-box-shadow: none;
}

.cl_ivy-home-chat .button_wrap .contact {
    background-color: #E9F3FF !important;
    box-shadow: none;
    -webkit-box-shadow: none;
}*/

.cl_ivy-home-news .header .clc-button {
    font-size: 10px;
    font-weight: 500;
    background-color: transparent !important;
    color: #717070 !important;
    width: fit-content !important;
    padding: 0 !important;
    min-height: fit-content !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

/*날씨 weather*/

/*날씨 weather 끝*/
.cl_ivy-weader-detail .box .bottom .wrap .thumb .clc-progressbar {
    border-radius: 10px;
    height: 13px;
}

/*My Pocket*/
.cl_ivy-my-document-box .stack {
    margin-bottom: 10px;
    height: 35px;
    width: 100%;
    background-color: #FFF;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    border: none;
}

    .cl_ivy-my-document-box .stack textarea {
        height: 100%;
        justify-content: center;
        -webkit-justify-content: center;
        padding: 5px 0 0 12px;
        width: 100%;
        background-color: #FFF;
        border-color: transparent;
        border-radius: 30px;
        -webkit-border-radius: 30px;
        display: flex;
        align-items: center;
        -webkit-align-items: center;
        border: none;
        outline: none;
    }

    .cl_ivy-my-document-box .stack .clc-button {
        box-shadow: none;
        -webkit-box-shadow: none;
        background-color: transparent !important;
        margin: 0 10px 0 0;
        padding: 0;
    }

.cl_ivy-my-document-box .folder-box {
    box-shadow: none;
    -webkit-box-shadow: none;
    border-bottom: 1px solid #f2f4f6;
    padding: 0px 0px 0px 0px;
    margin: 5px 0;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    user-select: none;
    -webkit-user-select: none;
}

    .cl_ivy-my-document-box .folder-box .folder-row {
        display: flex;
        justify-content: space-between;
        -webkit-justify-content: space-between;
        width: 100%;
        padding: 15px 0;
    }


        .cl_ivy-my-document-box .folder-box .folder-row .wrap {
            display: flex;
            align-items: center;
            -webkit-align-items: center;
            justify-content: flex-start;
            -webkit-justify-content: flex-start;
            font-size: 12px;
        }


            .cl_ivy-my-document-box .folder-box .folder-row .wrap .title {
                margin-left: 13px;
            }

            .cl_ivy-my-document-box .folder-box .folder-row .wrap .file_wrap {
                margin-left: 0px;
                display: flex;
                align-items: flex-start;
                -webkit-align-items: flex-start;
                flex-direction: column;
                -webkit-flex-direction: column;
            }

                .cl_ivy-my-document-box .folder-box .folder-row .wrap .file_wrap span {
                    margin-left: 13px;
                    display: flex;
                    align-items: flex-start;
                    -webkit-align-items: flex-start;
                    flex-direction: column;
                    -webkit-flex-direction: column;
                }

/*마이포켓 체크박스 디자인*/

.folder-box .checkbox-wrapper-15 .cbx {
    -webkit-user-select: none;
    user-select: none;
    -webkit-user-select: none;
    -webkit-tap-highlight-color: transparent;
    cursor: pointer;
    margin-right: 10px;
}

    .folder-box .checkbox-wrapper-15 .cbx span {
        display: inline-block;
        vertical-align: middle;
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
    }

        .folder-box .checkbox-wrapper-15 .cbx span:first-child {
            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;
        }

            .folder-box .checkbox-wrapper-15 .cbx span:first-child svg {
                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);
            }

            .folder-box .checkbox-wrapper-15 .cbx span:first-child: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;
            }

        .folder-box .checkbox-wrapper-15 .cbx span:last-child {
            margin-left: 8px;
        }

            .folder-box .checkbox-wrapper-15 .cbx span:last-child: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);
            }

    .folder-box .checkbox-wrapper-15 .cbx:hover span:first-child {
        border-color: #B9B8C3;
    }

.folder-box .checkbox-wrapper-15 .inp-cbx:checked + .cbx span:first-child {
    /*border-color: #3c53c7;*/
    border-color: #A9BCF5;
    background: #A9BCF5;
    animation: check-15 0.6s ease;
    -webkit-animation: check-15 0.6s ease;
}

    .folder-box .checkbox-wrapper-15 .inp-cbx:checked + .cbx span:first-child svg {
        stroke-dashoffset: 0;
    }

    .folder-box .checkbox-wrapper-15 .inp-cbx:checked + .cbx span:first-child:before {
        transform: scale(2.2);
        -webkit-transform: scale(2.2);
        opacity: 0;
        transition: all 0.6s ease;
        -webkit-transition: all 0.6s ease;
    }

.folder-box .checkbox-wrapper-15 .inp-cbx:checked + .cbx span:last-child {
    color: #B9B8C3;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}

    .folder-box .checkbox-wrapper-15 .inp-cbx:checked + .cbx span:last-child:after {
        transform: scaleX(1);
        -webkit-transform: scaleX(1);
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
    }

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

.pocket-data-delete-btn {
    margin-right: 7px;
    max-height: 25px;
    padding: 0px 10px !important;
    font-size: 11px;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
}


.cl_ivy-pocket-popup {
    max-width: 420px;
    background-color: transparent !important;
    padding: 0;
    border-radius: 0;
    -webkit-border-radius: 0;
    height: 80px;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    padding: 0px;
}

    .cl_ivy-pocket-popup .add-file {
        background: none !important;
        color: #17171B !important;
        box-shadow: none;
        -webkit-box-shadow: none;
        display: flex;
        align-items: center;
        -webkit-align-items: center;
        justify-content: center;
        -webkit-justify-content: center;
        flex-direction: column;
        -webkit-flex-direction: column;
        cursor: pointer;
        margin: 0 15px;
    }

        .cl_ivy-pocket-popup .add-file .wrap {
            border-radius: 8px;
            -webkit-border-radius: 8px;
            background-color: #F4F8FD;
            padding: 12px;
            display: flex;
            justify-content: center;
            -webkit-justify-content: center;
            align-items: center;
            -webkit-align-items: center;
        }

            .cl_ivy-pocket-popup .add-file .wrap img {
                height: 25px;
                width: 25px;
            }

        .cl_ivy-pocket-popup .add-file p {
            font-size: 13px;
            font-weight: 600;
            margin-top: 5px;
        }


/*채팅 관련 Chat*/
.cl_ivy-chatroom-nameedit .edit-wrap {
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
}

    .cl_ivy-chatroom-nameedit .edit-wrap .clc-button {
        width: 70px;
        padding: 8px 10px;
        min-height: unset;
        margin-top: 30px;
    }

        .cl_ivy-chatroom-nameedit .edit-wrap .clc-button span {
            margin: 0;
            text-align: center;
        }

/*채팅 setting */
.cl_ivy-chatsetting-sidebar .clc-sidebar {
    right: 0 !important;
    left: unset !important;
}

.edit-chatsetting-wrap .ivy-toggle-wrap .line .clc-textarea {
    width: 100%;
    font-size: 13px;
}

.edit-chatsetting-wrap .ivy-toggle-wrap .line .clc-spinner {
    width: 100px;
}

.chat_one-off .wrap .select .clc-button {
    margin-bottom: 3px;
}

/*채팅 관련 Chat End*/

/*언론사구독페이지*/


.cl_ivy-news-select_wrap .wrap .clc-button {
    margin: 0 15px 15px 0;
    padding: 5px 10px !important;
    font-size: 13px;
    font-weight: 300;
}


.back-to-before {
    width: 24px;
    height: 24px;
    margin: 0 5px 0 0px;
}

.go-to-camera-img {
    height: 40px;
    width: 40px;
}

.go-to-gallery-img {
    height: 40px;
    width: 40px;
}


/*언론사선택페이지*/

.cl-news-select-card_body .wrap-2 .toggle-btn {
    margin: 0 2px 3px 0;
    padding: 0px 10px;
    box-shadow: none;
    -webkit-box-shadow: none;
    overflow: unset;
    min-width: unset;
    width: fit-content;
    min-height: 28px;
    color: #767676 !important;
    white-space: nowrap;
}

    .cl-news-select-card_body .wrap-2 .toggle-btn:focus {
        color: #000 !important;
        font-weight: 500;
    }

.cl-news-select-card_body .wrap {
    display: flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}

    .cl-news-select-card_body .wrap .clc-button.clc-primary {
        border-radius: 5px !important;
        background-color: #edf5ff;
        color: #4676f4 !important;
    }

    .cl-news-select-card_body .wrap .clc-button {
        margin: 0 15px 15px 0;
        border-radius: 5px !important;
        width: 100px;
    }

    .cl-news-select-card_body .wrap .news-wrap {
        width: 80px;
        height: 70px;
        display: flex;
        flex-direction: column;
        -webkit-flex-direction: column;
        justify-content: center;
        -webkit-justify-content: center;
        align-items: center;
        -webkit-align-items: center;
        background-color: #F4F6FD;
        margin: 0px 8px 15px 8px;
        border-radius: 15px;
        -webkit-border-radius: 15px;
    }

.filter-img {
    height: 24px;
    width: 24px;
}


.cl_ivy-news .text {
    font-weight: 600;
}



.down-arrow {
    height: 13px !important;
    width: 13px !important;
    margin-left: 2px !important;
}

.chat-menu-icon {
    width: 22px;
    height: 22px;
}



/*Erp 고객목록*/


.erp-contact-detail {
    box-shadow: none;
    -webkit-box-shadow: none;
    background-color: #E5F0FE !important;
    color: #17171B !important;
    font-size: 10px;
    min-height: 20px;
    min-width: 20px;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    padding: 0px 15px;
    font-weight: 500 !important;
}

.company-child {
    display: flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    width: 100%;
    padding: 3px 0 3px 15px;
}

.cl_ivy-erp-title .button_wrap .clc-button {
    background-color: #E5F0FE !important;
    color: #17171B !important;
    min-height: 25px !important;
    height: fit-content;
    padding: 5px 10px;
    box-shadow: none;
    -webkit-box-shadow: none;
    font-weight: 500 !important;
}

/*Erp 거래처목록*/


.company-child {
    display: flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    width: 100%;
}

.cl-company-search_wrap {
    display: flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    width: 100%;
}

    .cl-company-search_wrap textarea {
        height: 100%;
        justify-content: center;
        -webkit-justify-content: center;
        padding: 2px 0 0 15px;
        width: 100%;
        background-color: #F8F9FA;
        border-color: transparent;
        border-radius: 30px;
        -webkit-border-radius: 30px;
        display: flex;
        align-items: center;
        -webkit-align-items: center;
        border: none;
        outline: none;
    }

    .cl-company-search_wrap .search_wrap {
        height: 26px;
        width: 100%;
        background-color: #F8F9FA;
        border-radius: 30px;
        -webkit-border-radius: 30px;
        border: none;
    }

        .cl-company-search_wrap .search_wrap .clc-button {
            box-shadow: none;
            -webkit-box-shadow: none;
            background-color: transparent !important;
            margin: 0 10px 0 0;
            padding: 0;
        }

            .cl-company-search_wrap .search_wrap .clc-button :hover {
                box-shadow: none !important;
                -webkit-box-shadow: none !important;
                background-color: transparent !important;
            }

.erp-contact-detail {
    margin: 0 7px;
}


.erp-contact-detail-emp {
    box-shadow: none;
    -webkit-box-shadow: none;
    font-weight: 700;
    padding: 4px 15px !important;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    margin: 0 7px;
}


.edit-complete {
    width: 92%;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

/*직원추가다이얼로그*/

.input-textbox {
    border-bottom: 1px solid #D3D3D3;
    width: 100%;
    border-top: none;
    border-left: none;
    border-right: none;
}

.input-textbox-half {
    border-bottom: 1px solid #D3D3D3;
    width: 100%;
    border-top: none;
    border-left: none;
    border-right: none;
    width: calc(100% - 100px);
    max-height: 35px;
}

.detail-input-employee {
    margin-top: 15px;
    width: 100%;
    max-height: 35px;
}

.drop-down-profile-erp {
    max-height: 35px;
}

.detail-input-employee {
    border-bottom: 1px solid #D3D3D3;
    width: 100%;
    border-top: none;
    border-left: none;
    border-right: none;
    width: 100%;
    max-height: 35px;
    border-radius: 0px;
    -webkit-border-radius: 0px;
}

.input .wrap {
    padding: 10px 0;
}

.input .wrap-num {
    padding: 10px 0;
}

.add-employee-btn {
    margin-top: 10px;
    width: 100%;
    box-shadow: none;
    -webkit-box-shadow: none;
}

.erp-delete-btn {
    background-color: #EDF0F3 !important;
}



/*캘린더*/

.slide-bar-img {
    position: absolute;
    top: 5px;
    width: 80px;
}

.cl_ivy-call_contacts {
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
}


/*프로필 수정*/
.cl-profile-info_wrap .clc-textbox {
    border: solid 1px #ebeced;
    background-color: #f8f9fa;
}

    .cl-profile-info_wrap .clc-textbox::placeholder {
        color: #767676;
        font-size: 13px;
        font-weight: 300;
    }

.profile-add {
    width: 12px;
    height: 12px;
}

.edit-profile-wrap {
    height: calc(100vh - 60px);
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    flex-direction: column;
    -webkit-flex-direction: column;
    justify-content: center;
    -webkit-justify-content: center;
}

.ivy-profile-detail-edit {
    position: relative;
    width: 65px;
    height: 65px;
    margin-bottom: 20px;
}

.sidebar-img-edit {
    width: 65px;
    height: 65px;
}

.edit-wrap {
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    width: 100%;
    margin: 10px 0;
}

    .edit-wrap span {
        font-size: 13px;
        text-indent: 5px;
        margin-bottom: 5px;
        font-weight: 600;
    }

    .edit-wrap p {
        font-size: 13px;
        font-weight: 600;
        margin: 0;
    }



.repair-slide-wrapping .edit-input {
    width: 100%;
    margin: 0 auto;
    background-color: #F1F3F5;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    height: 35px;
    padding: 0 15px;
    margin: 5px 0 0 0;
    border: none !important;
}

.ivy-profile-detail-edit button {
    background-color: #DCDCDC;
    border: none;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    position: absolute;
    top: 60%;
    right: -3px;
    height: 24px;
    width: 24px;
    padding: 0;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
}

.edit-btn-wrap {
    width: 100%;
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
}


/*유저정보*/

/*그룹멤버변경페이지*/

.edit-groupchatroom-btn {
    font-size: 10px;
    min-height: 20px;
    min-width: 20px;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    padding: 0px 15px;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
}

    .edit-groupchatroom-btn img {
        width: 13px !important;
        height: 13px !important;
        margin-right: 3px;
    }

    .edit-groupchatroom-btn span {
        font-size: 13px !important;
    }




.save_button {
    box-shadow: none;
    -webkit-box-shadow: none;
}


/*작업자대시보드*/

.dashboard-wrap .search-textarea {
    height: 100%;
    justify-content: center;
    -webkit-justify-content: center;
    padding: 5px 0 0 12px;
    width: 100%;
    background-color: #F8F9FA;
    border-color: transparent;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    border: none;
    outline: none;
}

.dashboard-wrap .search_box {
    margin: 10px 0;
    height: 30px;
    width: 100%;
    background-color: #F8F9FA;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    border: none;
}


    .dashboard-wrap .search_box button {
        box-shadow: none;
        -webkit-box-shadow: none;
        background-color: transparent !important;
        margin: 0 12px 0 0;
        padding: 0;
    }



/*설비 상세정보페이지*/

.repair-detail-wrap textarea {
    height: 100%;
    justify-content: center;
    -webkit-justify-content: center;
    padding: 5px 0 0 12px;
    width: 100%;
    background-color: #F8F9FA;
    border-color: transparent;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    border: none;
    outline: none;
}

.repair-detail-wrap .search_box {
    margin-bottom: 10px;
    height: 30px;
    width: 100%;
    background-color: #F8F9FA;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    border: none;
}


    .repair-detail-wrap .search_box button {
        box-shadow: none;
        -webkit-box-shadow: none;
        background-color: transparent !important;
        margin: 0 12px 0 0;
        padding: 0;
    }


.machine-add-profile-photo-btn {
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    background-color: #AAAAB1 !important;
    min-height: 30px;
    min-width: 30px;
    justify-content: center;
    -webkit-justify-content: center;
    padding: 0px !important;
    top: 75%;
    right: -11px;
    position: absolute;
    width: 40px;
    height: 40px;
    min-height: 40px !important;
    min-width: 40px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

.repair-delete-img {
    width: 12px;
    height: 12px;
}

.erp-repair-detail {
    padding: 0px 12px !important;
    box-shadow: none;
    -webkit-box-shadow: none;
    margin: 0 8px;
}


.edit-complete-erp {
    background-color: #F8F4FD;
    padding: 3px 15px;
    border-color: transparent;
    margin-left: 5px;
    font-size: 12px;
    font-weight: 600;
}

.cl-profile-info-button .clc-button {
    padding: 5px 10px;
    width: 120px;
    border-radius: 18px;
    -webkit-border-radius: 18px;
}

/*유저프로필*/

.ivy-user-profile-wrap .close-wrap {
    display: flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    background-color: transparent !important;
    position: fixed;
    top: 0px;
    right: 0px;
    z-index: 10;
    align-items: center;
    -webkit-align-items: center;
    padding: 12px 20px 0px 15px;
    width: 100%;
}

    .ivy-user-profile-wrap .close-wrap div {
        display: flex;
        align-items: center;
        -webkit-align-items: center;
    }

    .ivy-user-profile-wrap .close-wrap span {
        font-size: 16px;
        font-weight: 600;
        margin-left: 6px;
    }

    .ivy-user-profile-wrap .close-wrap .close-btn {
        background-color: transparent !important;
        box-shadow: none !important;
        -webkit-box-shadow: none !important;
        padding: 0;
    }

.close-wrap .close-btn {
    background-color: transparent !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    padding: 0;
}


/*내 프로필 사진촬영 슬라이드*/

.cl_ivy-profile_contacts .call {
    background: none !important;
    color: #17171B !important;
    box-shadow: none;
    -webkit-box-shadow: none;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    flex-direction: column;
    -webkit-flex-direction: column;
    margin: 0 25px;
}

    .cl_ivy-profile_contacts .call .box {
        border-radius: 10px;
        background-color: #F5F5F5;
        padding: 15px;
        display: flex;
        justify-content: center;
        -webkit-justify-content: center;
        align-items: center;
        -webkit-align-items: center;
        margin-bottom: 10px;
    }

    .cl_ivy-profile_contacts .call p {
        font-size: 13px;
        font-weight: 600;
    }

/*슬라이드 애니메이션*/
.slide.on {
    display: block;
    animation: slideUp 0.7s forwards;
    -webkit-animation: slideUp 0.7s forwards;
}

@keyframes slideUp {
    from {
        transform: translateY(30vh);
        -webkit-transform: translateY(30vh);
    }

    to {
        transform: translateY(0);
        -webkit-transform: translateY(0);
    }
}

@keyframes slideDown {
    from {
        transform: translateY(0);
        -webkit-transform: translateY(0);
    }

    to {
        display: none;
        transform: translateY(65vh);
        -webkit-transform: translateY(65vh);
    }
}


.add-group-img {
    width: 12px;
    height: 12px;
}

.contact-img {
    width: 14px;
    height: 14px;
}

.create-myivy-btn {
    position: fixed;
    bottom: 75px;
    right: 3.6%;
    width: 40px;
    height: 40px;
    padding: 6px !important;
}

    .create-myivy-btn img {
        width: 28px;
        height: 28px;
    }

.empty-file-content {
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    width: 100%;
}

.upload-file-wrap {
    border: 1px solid #DCDCDC;
    padding: 10px;
    margin-top: 10px;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-content: center;
    -webkit-align-content: center;
    flex-direction: column;
    -webkit-flex-direction: column;
}

.empty-file-content {
    /*border: 1px solid #DCDCDC;
    
    border-radius: 8px;
    margin-top: 10px;
    -webkit-border-radius: 15px;
    border-radius: 15px;*/
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-content: center;
    -webkit-align-content: center;
    flex-direction: column;
    -webkit-flex-direction: column;
    padding: 5px;
}

.ivy-home-chat_select .text-wrap {
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    justify-content: center;
    -webkit-justify-content: center;
    margin-left: 0px;
    width: 75%;
}

.enter-ivy-img {
    width: 15px;
    height: 15px;
}




.contact-dropdown-wrap {
    display: flex;
    width: 100%;
}

.clc-dropdown-panel {
    /*width: fit-content !important;*/
    width: 100px !important;
}

.custom-ivy-set-text {
    font-weight: 500;
}


.cl_ivy-inviteselect_wrap .profile .delete {
    width: 17px;
    height: 17px;
    position: absolute;
    top: 0;
    right: -2px;
}

.invite-people-img {
    width: 45px;
    height: 45px;
}

.cl_ivy-inviteselect_wrap .wrap .profile .detail span {
    position: absolute;
    top: 3%;
    right: 0px;
    height: 14px;
    width: 14px;
    margin-top: 5px;
    font-size: 10px;
}

/*신진 주문관련*/
.cl-sj-order .self-order .type .clc-stack {
    display: flex;
    justify-content: center;
}

.cl-sj-order .self-order .card {
    display: flex;
    -webkit-flex-direction: column;
    -webkit-justify-content: center;
    -webkit-align-items: center;
    -webkit-box-shadow: none;
    border: none;
}

.cl-sj-order .self-order .payment .list .dropdown_wrap,
.cl-sj-order .self-order .payment .list .clc-textarea,
.cl-sj-order .self-order .payment .list .clc-textbox {
    flex: 1;
    margin-right: 0;
}

    .cl-sj-order .self-order .payment .list .clc-textarea::placeholder,
    .cl-sj-order .self-order .payment .list .clc-textbox::placeholder {
        color: #AAAAB1;
    }

    .cl-sj-order .self-order .payment .list .dropdown_wrap .clc-dropdown {
        max-width: 100% !important;
        width: 100% !important;
    }

.cl-sj-self_input {
    display: flex;
}

    .cl-sj-self_input .clc-col {
        flex: 1;
        margin-right: 5px;
    }

    .cl-sj-self_input .edit-input {
        text-align: center;
        width: 100%;
        background-color: #F8F9FA;
        border-radius: 15px;
        -webkit-border-radius: 15px;
        height: 35px;
        padding: 0 0px;
        margin: 0;
        border: none !important;
    }

        .cl-sj-self_input .edit-input .clc-spinner-input {
            padding: 7px;
        }

.btn-wrap-sj {
    display: flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    max-width: 300px;
}


.cl_sj-material_select .wrap label {
    padding: 15px;
    font-size: 15px;
}

.cl_sj-material_select .wrap {
    display: flex;
    padding: 15px 0;
    font-size: 15px;
}

.cl_sj-material_select {
    width: 100%;
    overflow-y: auto;
    max-height: 80%;
}

.slide-bar-img {
    position: fixed;
    top: 10px;
}

.sj-head-text {
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;
    margin: 0 0 10px 0;
}

.cl_ivy-inviteselect_wrap .wrap .profile .detail {
    padding: 0px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
}

/*주문 목록*/
.cl_erp-orderlist .title .wrap .clc-button {
    padding: 5px 15px;
    min-height: unset;
    margin-left: 7px;
}

.cl_erp-orderlist .card-top .wrap .date .period .clc-calendar {
    width: unset !important;
    flex-grow: 1;
    -webkit-flex-grow: 1;
}

    .cl_erp-orderlist .card-top .wrap .date .period .clc-calendar .clc-inputtext {
        padding-top: 3px;
        padding-bottom: 3px;
        height: 30px;
        font-size: 13px;
    }

    .cl_erp-orderlist .card-top .wrap .date .period .clc-calendar .clc-calendar-button {
        padding: unset !important;
    }

.cl_erp-orderlist .card-top .wrap .date .period .search {
    width: 40px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    margin-left: 3px;
}

.cl_erp-orderlist .card-top .wrap .date .period .clc-button img {
    width: 15px;
    height: 15px;
}


/*주문상세페이지*/
.otp-order_card .top .thumb-wrap .thumb .clc-dropdown {
    max-width: unset !important;
}

.otp-order_card .bottom .writer_textarea {
    background-color: #F8F8F8;
    width: 100%;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    border: 1px solid #D8D8D8;
}

    .otp-order_card .bottom .writer_textarea .clc-textarea {
        background-color: transparent !important;
        box-shadow: none;
        -webkit-box-shadow: none;
        color: #4676F4;
        width: 100%;
        background-color: transparent !important;
        border: none;
    }

.otp-order_card .bottom .writer_button .clc-button {
    background-color: transparent !important;
    box-shadow: none;
    -webkit-box-shadow: none;
    color: #4676F4;
}

.otp-order_card .body .button_wrap .clc-button {
    margin-bottom: 20px;
}

.otp-order_card .body .writer .clc-button {
    background-color: transparent !important;
    box-shadow: none;
    -webkit-box-shadow: none;
}

    .otp-order_card .body .writer .clc-button img {
        width: 20px;
        height: 20px;
    }

.otp-order_card .bottom .answer_wrap .thumb .clc-button {
    background-color: transparent !important;
    box-shadow: none;
    -webkit-box-shadow: none;
}

    .otp-order_card .bottom .answer_wrap .thumb .clc-button img {
        width: 20px;
        height: 20px;
    }

/*주문 문의 관련*/
.add-ticket-wrap .body .ticket-btn {
    margin-top: 50px;
}

.ticketlist-wrap .ticketlist-wrap .ticket-btn {
    margin-top: 15px;
}

.cl_erp-orderlist .cl-table-control table thead tr th .clc-dropdown {
    border: #dedede;
}

    .cl_erp-orderlist .cl-table-control table thead tr th .clc-dropdown:hover {
        border: #dedede;
    }

    .cl_erp-orderlist .cl-table-control table thead tr th .clc-dropdown:focus {
        border: #dedede;
    }

/*알람 보기 리스트*/
.cl_ivy-alarm .box_list .clc-card {
    margin-bottom: 15px;
    min-width: 300px;
    max-width: 500px;
}



/*프로젝트 project*/

/*투두리스트 todolist*/
.cl_ivy-project-todolist .body .clc-button {
    background-color: transparent !important;
    padding-right: 0;
}

.cl_ivy-project-todolist .clc-button img {
    width: 15px;
}

.cl_ivy-project-todolist .bottom .clc-button {
    background-color: transparent !important;
    padding-right: 0;
}

.cl_ivy-project-todolist .clc-button img {
    width: 15px;
}

.cl_ivy-add-todolist .up .line .clc-inputtext {
    height: 30px;
    width: 100%;
    flex-grow: 1;
}

.cl_ivy-add-todolist .up .line .clc-textbox {
    flex-grow: 1;
}

.cl_ivy-add-todolist .down .clc-dropdown {
    width: 100%;
}

.todoitem-control-wrap .detail label {
    font-size: 13px;
    font-weight: 300;
    text-indent: 7px;
}

/*프로젝트 projrct 끝*/



/*음성인식 이미지변경*/
.record-gray {
    width: 20px;
    height: 20px;
}

.ask-sj {
    width: 25px;
    height: 20px;
    margin-bottom: 3px;
}

/*문의내용 아이콘 크기조정*/
.reading-glasses-white {
    width: 15px;
    height: 15px;
}


.project-memo {
    border-radius: 8px;
    border: solid 1px #dcdcdc;
    background-color: #f8f9fa;
    min-height: 100px;
    flex: 1;
    margin: 0;
    font-size: 14px;
}

.date-width {
    /*border-radius: 5px;
    border: solid 1px #dcdcdc;
    background-color: #f8f9fa;*/
    width: 45%;
}

.send-btn {
    height: 20px;
    width: 20px;
}

.cl_ivy-project-create .project-info .wrap {
    padding: 15px 0;
}

    .cl_ivy-project-create .project-info .wrap .box-wrap .clc-textbox {
        width: 100%;
    }

    .cl_ivy-project-create .project-info .wrap .clc-calendar {
        width: 100%;
    }

    .cl_ivy-project-create .project-info .wrap .box-wrap div {
        width: 100%;
    }

.cl_ivy-project-create .bottom .clc-button {
    margin-bottom: 30px;
}


.select-people-drp {
    width: calc(100% - 35px);
}

.edit-gray-img {
    width: 13px;
    height: 13px;
    margin-right: 3px;
}


.go-to-last-chat {
    z-index: 10;
    position: fixed;
    bottom: 9%;
    right: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    /*max-height:50px;
    max-width:50px;*/
}

.go-to-last-chat-img {
    width: 20px;
    height: 20px;
}


.add-board-btn {
    box-shadow: none;
    -webkit-box-shadow: none;
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    width: 40px;
    height: 40px;
    position: fixed;
    top: calc(100% - 80px);
    right: 20px;
    z-index: 1;
}


.cl-upload-img {
    background-color: #fffae9;
    width: 48px;
    height: 48px;
    padding: 7px;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/*즐겨찾기 아이비 검색창 css 시작*/
.favorite-ivy-list .search_wrap input:hover, .favorite-ivy-list .search_wrap textarea:hover {
    border: none !important;
    outline: none !important;
}

.favorite-ivy-list .search_wrapp input:active, .favorite-ivy-list .search_wrap textarea:active {
    border: none !important;
    outline: none !important;
}


.shared-ivy-btn {
    width: 42px;
    height: 42px;
    position: fixed;
    bottom: 75px;
    right: 3.6%;
    display: flex;
    -webkit-justify-content: center;
    -webkit-align-items: center;
}

.shared-ivy-img {
    width: 30px;
    height: 30px;
}

.favorite-ivy-list .search_wrap input:focus, .favorite-ivy-list .search_wrap textarea:focus {
    border: none !important;
    outline: none !important;
}

.favorite-ivy-list .search_wrap {
    justify-content: center;
    -webkit-justify-content: center;
    padding: 6px 0 6px 15px;
    width: 100%;
    background-color: #F8F9FA;
    border-color: transparent;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    border: none;
    outline: none;
    font-size: 15px;
}

    .favorite-ivy-list .search_wrap .clc-button {
        box-shadow: none;
        -webkit-box-shadow: none;
        background-color: transparent !important;
        margin: 2px 15px 0 0;
        padding: 0;
    }

        .favorite-ivy-list .search_wrap .clc-button :hover {
            box-shadow: none !important;
            -webkit-box-shadow: none !important;
            background-color: transparent !important;
        }

    .favorite-ivy-list .search_wrap input {
        height: 100%;
        justify-content: center;
        -webkit-justify-content: center;
        padding: 0px 0 0 0px;
        width: 100%;
        background-color: #F8F9FA;
        border-color: transparent;
        border-radius: 17px;
        -webkit-border-radius: 17px;
        display: flex;
        align-items: center;
        -webkit-align-items: center;
        border: none;
        outline: none;
        font-size: 14px;
    }


/*       .radio-input label:has(input:checked) ~ .border {
            height: 3px;
            width: 45px;
            display: block;
        }*/



/*즐겨찾기 아이비 검색창 css 끝*/
/*
a {
    color: inherit;
}

h1, h2, h3, h4 {
    margin: 0;
    margin-bottom: 10px;
    margin-top: 10px;
}

h1 {
    font-size: 3em;
}

.menu {
    filter: url("#shadowed-goo");
}

.menu-item, .menu-open-button {
    background: #00bcd4;
    border-radius: 100%;
    width: 80px;
    height: 80px;
    margin-left: -40px;
    position: absolute;
    top: 20px;
    color: white;
    text-align: center;
    line-height: 80px;
    transform: translate3d(0, 0, 0);
    transition: transform ease-out 200ms;
}

.menu-open {
    display: none;
}

.hamburger {
    width: 25px;
    height: 3px;
    background: white;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -12.5px;
    margin-top: -1.5px;
    transition: transform 200ms;
}

.hamburger-1 {
    transform: translate3d(0, -8px, 0);
}

.hamburger-2 {
    transform: translate3d(0, 0, 0);
}

.hamburger-3 {
    transform: translate3d(0, 8px, 0);
}

.menu-open:checked + .menu-open-button .hamburger-1 {
    transform: translate3d(0, 0, 0) rotate(45deg);
}

.menu-open:checked + .menu-open-button .hamburger-2 {
    transform: translate3d(0, 0, 0) scale(0.1, 1);
}

.menu-open:checked + .menu-open-button .hamburger-3 {
    transform: translate3d(0, 0, 0) rotate(-45deg);
}

.menu {
    position: absolute;
    left: 50%;
    margin-left: -80px;
    padding-top: 20px;
    padding-left: 80px;
    width: 650px;
    height: 150px;
    box-sizing: border-box;
    font-size: 20px;
    text-align: left;
}

.menu-item:hover {
    background: white;
    color: #00bcd4;
}

.menu-item:nth-child(3) {
    transition-duration: 180ms;
}

.menu-item:nth-child(4) {
    transition-duration: 180ms;
}

.menu-item:nth-child(5) {
    transition-duration: 180ms;
}

.menu-item:nth-child(6) {
    transition-duration: 180ms;
}

.menu-open-button {
    z-index: 2;
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition-duration: 400ms;
    transform: scale(1.1, 1.1) translate3d(0, 0, 0);
    cursor: pointer;
}

    .menu-open-button:hover {
        transform: scale(1.2, 1.2) translate3d(0, 0, 0);
    }

.menu-open:checked + .menu-open-button {
    transition-timing-function: linear;
    transition-duration: 200ms;
    transform: scale(0.8, 0.8) translate3d(0, 0, 0);
}

.menu-open:checked ~ .menu-item {
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

    .menu-open:checked ~ .menu-item:nth-child(3) {
        transition-duration: 190ms;
        transform: translate3d(110px, 0, 0);
    }

    .menu-open:checked ~ .menu-item:nth-child(4) {
        transition-duration: 290ms;
        transform: translate3d(220px, 0, 0);
    }

    .menu-open:checked ~ .menu-item:nth-child(5) {
        transition-duration: 390ms;
        transform: translate3d(330px, 0, 0);
    }

    .menu-open:checked ~ .menu-item:nth-child(6) {
        transition-duration: 490ms;
        transform: translate3d(440px, 0, 0);
    }
*/




.fa-check {
    width: 20px;
    height: 20px;
}

.fa-no-check {
    width: 20px;
    height: 20px;
}

.favorite-check-btn {
    width: 100px;
    height: 30px;
    padding: 5px 15px 6px 15px;
    border-radius: 13.5px;
    display: flex;
    -webkit-align-items: center;
    justify-content: center;
}

.favorite-no-check-btn {
    width: 100px;
    height: 30px;
    padding: 5px 15px 6px 15px;
    border-radius: 13.5px;
    display: flex;
    -webkit-align-items: center;
    justify-content: center;
}

    .favorite-no-check-btn p {
        margin: 2px 0 0 0;
        font-size: 13px;
    }

.favorite-check-btn p {
    margin: 2px 0 0 0;
    font-size: 13px;
}


.close-profile-img {
    width: 24px;
    height: 24px;
}

.profile-kebab-img {
    width: 24px;
    height: 24px;
}


.chat-in-contact-img {
    width: 22px;
    height: 22px;
}


.add-profile-pic-img {
    width: 18px;
    height: 18px;
}

.profile-img-wrap {
    position: relative;
    padding: 4px;
}

.add-profile-camera-btn {
    min-width: 28px;
    min-height: 28px;
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    position: absolute;
    bottom: 2px;
    right: 2px;
    padding: 2px;
}

.login-input-text {
    border-radius: 8px;
    border: solid 1px #ebeced;
    background-color: #f8f9fa;
    font-weight: 300;
    padding: 24px 0 24px 15px;
    color: #9b9b9b;
    width: 100%;
}


.certification-complete-btn {
    height: 55px;
    border-radius: 6px;
}

.find-account-btn {
    -webkit-border-radius: 0;
    min-height: 14px;
    font-size: 13px;
    height: 20px;
    padding: 0 9px;
    font-weight: 400;
    font-size: 14px;
}

.find-account-btn-border {
    margin-top: 0px;
    border-left: 1px solid #dddfe1;
    height: 15px;
}

.find-account-btn-wrap {
    display: flex;
    -webkit-justify-content: center;
    -webkit-align-items: center;
    margin-top: 25px;
    height: 20px;
}

.phone-btn-img {
    width: 19px;
    height: 19px;
}

.back-to-before-btn {
    padding: 0px;
    margin: -10px 0 0 -10px;
}

.backtobefore_img {
    width: 24px;
    height: 24px;
}

.register-title {
    margin-top: 20px;
}



.go-passward-btn-img {
    width: 19px;
    height: 19px;
}

.delete-chat-btn img {
    width: 24px;
    height: 24px;
}

.go-to-contact-btn img {
    width: 24px;
    height: 24px;
}

.contact-drop-down {
    border: none;
    max-width: 100px;
    margin: 0 0 5px 15px;
}



.add-project-people-wrap .people-wrap {
    position: relative;
}

.add-project-people-wrap .delete-added-people {
    position: absolute;
    top: -2px;
    right: 0px;
    min-width: 18px;
    min-height: 18px;
    display: flex;
    -webkit-align-items: center;
    -webkit-justify-content: center;
}


    .add-project-people-wrap .delete-added-people img {
        width: 8px;
        height: 8px;
    }



.projectlist-search-accordion {
    box-shadow: none;
    border: solid 1px #f2f4f6;
    background-color: transparent !important;
    padding: 15px;
}

    .projectlist-search-accordion .item {
        background-color: transparent;
    }

.clc-accordion-content {
    background-color: transparent !important;
    padding: 0 15px 15px 15px;
}

.projectlist-search-accordion:nth-child(1) {
    padding: 0px;
    background-color: transparent;
}

.projectlist-search-accordion .button_wrap {
    display: flex;
    width: 100%;
}


.search-accordion-btn-wrap {
    width: 100%;
    margin-top: 10px;
    flex: 1;
    display: flex;
    justify-content: end;
}


.date-pick-btn {
    min-width: 60px;
}

.search-accordion-btn-wrap .search {
    width: 70px;
    height: 34px;
    border-radius: 6px;
    padding: 10px 20px;
    font-size: 13px;
    display: flex;
    -webkit-align-items: center;
    -webkit-justify-content: center;
}

.search-accordion-btn-wrap .reset {
    width: 70px;
    height: 34px;
    border-radius: 6px;
    padding: 10px 10px;
    font-size: 13px;
    display: flex;
    -webkit-align-items: center;
    -webkit-justify-content: center;
    margin-right: 7px;
}

.project-state-drop-down {
    width: 30%;
    height: 33px;
}

.add-project-people-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #000;
    border-radius: 6px;
    padding: 10px 0;
    width: 100%;
}

.add-people-wrap .delete-btn {
    padding: 0;
    display: flex;
    -webkit-align-items: center;
    -webkit-justify-content: center;
    border-radius: 50%;
    margin-right: 18px;
    height: 22px;
    width: 22px;
    margin-left: 5px;
}


.create-project-btn {
    width: 100%;
}

.clc-multiselect-trigger, .clc-dropdown-trigger {
    position: absolute;
    display: flex;
    align-items: center;
    right: 0;
    top: 0;
    bottom: 0;
    justify-content: end;
}


.contact-accordion {
    box-shadow: none;
    background-color: transparent;
    border-top: 1px solid #f2f4f6;
}

    .contact-accordion a {
        box-shadow: none;
        background-color: transparent;
    }

    .contact-accordion .clc-accordion-header {
        background-color: transparent;
    }

    .contact-accordion .clc-accordion-content {
        padding: 0px 0;
    }

    .contact-accordion .clc-accordion-header a {
        padding: 10px 20px 10px 20px;
    }

.contact-favo-accordion .clc-accordion-header a[role=tab] span:not(.clc-accordion-toggle-icon) {
    color: #767676;
    font-size: 12px;
}

.contact-accordion .clc-accordion-header a[role=tab] span:not(.clc-accordion-toggle-icon) {
    color: #111;
    font-size: 15px;
}


.contact-favo-accordion {
    box-shadow: none;
    background-color: transparent;
    border-top: 1px solid #f2f4f6;
}

    .contact-favo-accordion a {
        box-shadow: none;
        background-color: transparent;
    }

    .contact-favo-accordion .clc-accordion-header {
        background-color: transparent;
    }

    .contact-favo-accordion .clc-accordion-content {
        padding: 0px 0;
    }

    .contact-favo-accordion .clc-accordion-header a {
        padding: 10px 20px 10px 20px;
    }

/*게시판 댓글창 css*/

.comment_input {
    display: flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    width: 100%;
    background-color: transparent;
    border-color: transparent;
}


.comment_input {
    height: 100%;
    justify-content: center;
    -webkit-justify-content: center;
    padding: 7px 0 7px 15px;
    width: 100%;
    background-color: transparent;
    border: none;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    outline: none;
    font-size: 14px;
    border-radius: 6px;
    border: solid 1px #e5e6e8;
}

    .comment_input input {
        border: none;
    }

        .comment_input input:hover, .comment_input textarea:hover {
            border: none !important;
            outline: none !important;
        }

        .comment_input input:active, .comment_input textarea:active {
            border: none !important;
            outline: none !important;
        }

        .comment_input input:focus, .comment_input textarea:focus {
            border: none !important;
            outline: none !important;
        }

    .comment_input .search_wrap .clc-button {
        box-shadow: none;
        -webkit-box-shadow: none;
        background-color: transparent !important;
        margin: 7px 13px 5px 0;
        padding: 0;
    }

        .comment_input .search_wrap .clc-button :hover {
            box-shadow: none !important;
            -webkit-box-shadow: none !important;
            background-color: transparent !important;
        }


.folder-new-name {
    width: 100%;
    height: 44px;
    padding: 15px;
    border-radius: 7px;
    border: solid 1px #ebeced;
    background-color: #f8f9fa;
    margin: 0;
}

@media screen and (max-width: 768px) {
    .web-create-folder {
        display: none !important;
    }

    .app-create-folder {
        display: block;
    }
}

@media screen and (min-width: 769px) {
    .web-create-folder {
        display: block;
    }

    .app-create-folder {
        display: none !important;
    }
}


@media screen and (max-width: 768px) {
    .web-pocket-create-file-wrap {
        display: none !important;
    }

    .app-pocket-create-file-wrap {
        display: block;
    }
}

@media screen and (min-width: 769px) {
    .web-pocket-create-file-wrap {
        display: block;
    }

    .app-pocket-create-file-wrap {
        display: none !important;
    }
}


.clc-datepicker-trigger .clci-calendar, .clc-datepicker-trigger .clci-time {
    width: fit-content;
    margin: 5px 0;
}

.clc-paginator-element:not(.clc-state-disabled), .clc-button:not(.clc-state-disabled) {
    width: fit-content;
    height: fit-content;
}


.clevi-base-input {
    text-align: center;
    width: 100%;
    background-color: #F8F9FA;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    padding: 15px;
    margin: 0 !important;
    border: solid 1px #ebeced;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    text-align: left;
}


/*///////////*/