@charset "utf-8";
/*!
 * TOAST UI Pagination
 * @version 3.4.1
 * @author NHN FE Development Team <dl_javascript@nhn.com>
 * @license MIT
 */
.tui-pagination * {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.tui-ico-ellipsis, .tui-ico-first, .tui-ico-last, .tui-ico-next, .tui-ico-prev {
    overflow: hidden;
}

.tui-pagination {
    --pagination-icon-sprite: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAiCAYAAAA+stv/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDkuMS1jMDAxIDc5LjE0NjI4OTk3NzcsIDIwMjMvMDYvMjUtMjM6NTc6MTQgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkYxOUYwOTZDNzcwNzExRUY4RDM2QTA4RDgwQkI2MzcxIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkYxOUYwOTZCNzcwNzExRUY4RDM2QTA4RDgwQkI2MzcxIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzYgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6N0YwN0I4MUNDNjk0MTFFNjgzNjg5NTM0OEZDQ0YxNTUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6N0YwN0I4MURDNjk0MTFFNjgzNjg5NTM0OEZDQ0YxNTUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5mVtyQAAAD9klEQVR42sRXW0hUURSdGaacIcb3n/j+SPoKFPyJooRKTIkkKw2MnmqGRVJollCmKGaZpQ2BZU7aS6npYWFP6qtm6KM+BPGNfypioKNG0zqyR849njtXw8kNi8tdlzlr3fPY644+Pj5eJ9QW4BiwR+ScTuccNzw8rPjBwMBA0dTUVF5cXFy4yCUlJc1xajoGCdkG3NXgFOJjY2OXzWZzgzdOTccgkE+ATKCDuCQJt0A8ODi4JDIyspy4YpETSjGmQRDPEsQfC9xixMs0xBVjMgPJEvFkDfEyiXiZhrh0TH4JZiQ/mlFZw0m6ujU4ndaYRnKTRe4ygLcq3Hx53pDNAt1XyDhBWDqmkXvINsUjwYTILYcJxZhG7uFr7iE7750qnGjCLTExz6FEE4oxDSoPczU43kQFNt451nS8cWo6et0SSuyAS6mwsDApb9CtcBnRo1txbaJp8dR14Ctgk/2oq6trCG22EVNd6uG6u7t/GI3Gb9HR0QcXM3uerDBQj2cmUrnnzFANcEg2GMRrR0dHz/f391d5OJPJVD4+Pp7d19dn03prPivYKXgDpFM4MMF2wAlso2ergQZh41Xr9frpkZGRWtyuioqKOhUeHs5eYhbcw97eXr+YmJjdKuKKdu05hu+BNOAZCT4AvlNGsKPnB1zjB4qIiKhjgpiJejYBMJELE6ylp4Gzw8RzmEj1Js43IlafgRTgBWABbgM/gc3AO8AfuCiYuIXLFATvuN3uIKz/Xph4yfo+uFc9PT2fYmNjN3FZUSxmhUHSp/8I3G+Ct3JzWcDXtFZW8DOQCDD3hdzHx1p6ezbdleLog4ODOWwJgoKCrGwJGDc0NJTClsBisXTg7Xd4a928gQ2AHcgHWohbR/2/mk6EKH4cQnUQr2WbkMR3YhO2BQQEtMs2ocyEkdaYnYCj9F3Aaj2dALbmNyU7uRDiVVjPaoifIfF9ELcFBga2Yi/sV1srMSuYgRPAAZoBT+UAJbQRFxQaSEFISMglvhG5XK5iiDepNSIxP2icvP+WBWq5sOJZoEcWeI6FXjgminv8J5ifLcqP+9Qz5stut/NZYcNUF/lqBhqBZvqqkWVFDTbpWWTFDc00dDgc4j7QutclJCR0UnixVzYB94RNdhVZMQkTDeiQFmzMbEXXcruljWip9QXYSjG+RgwstGkrLr9gohm5YEZfyPDFB4mDAusCHVudYKIlNDR018TERDpy4aOvvohmJfkhK5cvDLCO+QG4ApRJ2nUmumO7v7//U+TC9uU2kEhZUaqSFUew/qw127D+6WqD/KuBjbT5WAhZJeIn8eZWBFW9eAKWy0ABcJh6wcI/jpOTp5EVlQiqfK2B/gowAJnBEuYQVZYxAAAAAElFTkSuQmCC);
    height: 28px;
    margin: 14px 0 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: normal;
    text-align: center;
    font-size: 0;
}

.tui-pagination .tui-page-btn {
    min-width: var(--pagination-btn-size);
    height: var(--pagination-btn-size);
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin: 0 0.25rem;
    font-size: 0.7rem;
    font-weight: 500;
    color: var(--pagination-inactive-color);
    border: none;
    background: transparent;
}

.tui-pagination .tui-page-btn:hover:not(.tui-is-disabled, .tui-is-selected) {
    color: var(--pagination-hover-color);
    background: transparent;
    border: none;
}
.tui-pagination .tui-is-selected, .tui-pagination strong {
    font-weight: 700;
    color: var(--pagination-active-color);
    background: var(--pagination-active-bg);
    border: var(--pagination-border-width) solid var(--pagination-active-border);
    border-radius: 0;
    cursor: default;
}

.tui-pagination .tui-is-selected:hover {
    color: var(--pagination-active-color);
    background: var(--pagination-active-bg);
    border-color: var(--pagination-active-border);
}

.tui-pagination .tui-first, .tui-pagination .tui-prev, .tui-pagination .tui-next, .tui-pagination .tui-last, .tui-pagination .tui-prev-is-ellip, .tui-pagination .tui-next-is-ellip {
    display:inline-flex;
    overflow: hidden;
    font-size: 0;
    white-space: nowrap;
    font-weight: normal;
}

.tui-pagination .tui-prev-is-ellip {
    border-right: 0
}

.tui-pagination .tui-next-is-ellip {
    border-left: 0
}

.tui-pagination .tui-first+.tui-prev, .tui-pagination .tui-next+.tui-last {
    border-left: 0
}

.tui-pagination .tui-ico-first, .tui-pagination .tui-ico-prev, .tui-pagination .tui-ico-next, .tui-pagination .tui-ico-last, .tui-pagination .tui-ico-ellip {
    background: var(--pagination-icon-sprite) no-repeat 0 0;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.tui-pagination .tui-prev-is-ellip, .tui-pagination .tui-next-is-ellip {
    padding: 0;
    line-height: 1;
}

.tui-pagination .tui-prev {
    margin-right: 10px;
}

.tui-pagination .tui-next {
    margin-left: 10px;
}

.tui-pagination .tui-ico-prev {
    width: 6px;
    height: 10px;
    background-position: -26px 0
}

.tui-pagination .tui-ico-next {
    width: 6px;
    height: 10px;
    background-position: -13px -24px
}

.tui-pagination .tui-ico-last {
    width: 11px;
    height: 10px;
    background-position: 0px -12px
}

.tui-pagination .tui-ico-ellip {
    width: 10px;
    height: 2px;
    margin-top: 16px;
    vertical-align: top;
    background-position: 0px -24px
}

.tui-pagination .tui-is-disabled:hover {
    background: transparent;
    cursor: default
}

.tui-pagination .tui-is-disabled .tui-ico-prev {
    background-position: -26px -12px
}

.tui-pagination .tui-is-disabled .tui-ico-first {
    background-position: -13px 0px
}

.tui-pagination .tui-is-disabled .tui-ico-next {
    background-position: -21px -24px
}

.tui-pagination .tui-is-disabled .tui-ico-last {
    background-position: -13px -12px
}

.tui-page-inputs {
    display: inline-block;
    vertical-align: top;
}

.tui-page-inputs .tui-page-input {
    display: inline-block;
    width: 10px;
    height: 12px;
    padding: 8px 0 6px;
    font-size: 12px;
    text-align: center;
    color: var(--color-gray-800);
    border: 0;
    outline: none;
}

.tui-page-inputs .tui-page-current {
    color: var(--pagination-active-color)
}

.tui-page-separator {
    display: inline-block;
    font-size: 12px;
    height: 12px;
    padding: 8px 0 6px;
    vertical-align: top
}