.cursor-pointer {
    cursor : pointer;
}

.cursor-initial {
    cursor : initial;
}

.background-container {
    width    : 100%;
    position : relative;
}

.background-container::before {
    content : '';
    display : block;
}

.background {
    background-size     : cover;
    background-repeat   : no-repeat;
    background-position : center;
}

.background.contain {
    background-size : contain;
}

.background.pos-top {
    background-position : top;
}

.ellipsis-one-line {
    overflow      : hidden;
    text-overflow : ellipsis;
    white-space   : nowrap;
}

.ellipsis-double-line {
    overflow           : hidden;
    text-overflow      : ellipsis;
    display            : -webkit-box;
    -webkit-line-clamp : 2; /* 라인수 */
    -webkit-box-orient : vertical;
    word-wrap          : break-word;
}

.ellipsis-third-line {
    overflow           : hidden;
    text-overflow      : ellipsis;
    display            : -webkit-box;
    -webkit-line-clamp : 3; /* 라인수 */
    -webkit-box-orient : vertical;
    word-wrap          : break-word;
}

.flex-nowrap {
    flex-wrap : nowrap;
}

.text-nowrap {
    white-space : nowrap;
}

.flex-direction-column {
    flex-direction : column !important;
}

.flex-direction-row {
    flex-direction : row !important;
}

.ql-toolbar.ql-snow button{
    width: 32px;
    height: 32px;
    padding: 4px 4px 4px 4px;
}

@media (min-width : 576px) {
    .flex-direction-sm-column {
        flex-direction : column !important;
    }

    .flex-direction-sm-row {
        flex-direction : row !important;
    }
}

@media (min-width : 768px) {
    .flex-direction-md-column {
        flex-direction : column !important;
    }

    .flex-direction-md-row {
        flex-direction : row !important;
    }
}

@media (min-width : 992px) {
    .flex-direction-lg-column {
        flex-direction : column !important;
    }

    .flex-direction-lg-row {
        flex-direction : row !important;
    }
}

@media (min-width : 1200px) {
    .flex-direction-xl-column {
        flex-direction : column !important;
    }

    .flex-direction-xl-row {
        flex-direction : row !important;
    }
}