.full {width: 100%;}

.input-alert {padding-left: 15px;padding-top: 3px;font-size: 12px;color: #F64C4C;}
.input-dialog {display: inline-block;padding: 11px 16px 4px;background: #ffffff;border-radius: 4px;box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.04), 0 4px 4px 0 rgba(0, 0, 0, 0.25);font-size: 14px;color: #171717;}
.input-dialog .fx {display: inline-flex;justify-content: center;align-items: center;gap: 8px;}
.input-dialog i {display: block;width: 21px;height: 21px;margin-top: -1px;background: url('../img/form/close-input-dialog.svg') no-repeat 50%;}
.widget-form-group .input-alert {display: none;}
.widget-form-group .input-dialog {display: none;position: absolute;top: 6px;left: 5%;width: 90%;}

/*
.txt-status {display: inline-block;padding-left: 25px;font-size: 14px;font-weight: 400;color: #474747;}
.txt-status.status-0 {background: url('../img/inquiry/status-0.svg') no-repeat 0 3px;}
.txt-status.status-1 {background: url('../img/inquiry/status-1.svg') no-repeat 0 3px;}
.txt-status.status-2 {background: url('../img/inquiry/status-2.svg') no-repeat 0 3px;}
.txt-status.status-3 {background: url('../img/inquiry/status-3.svg') no-repeat 0 3px;}
*/

.txt-status {
    display: inline-block;
    padding-left: 25px;
    font-size: 14px;
	height: 16px;
    line-height: 16px;
    font-weight: 400;
    color: #474747;
}

.txt-status.status-00 {background: url('../img/control/status-00.svg') no-repeat -1px -1px;}
.txt-status.status-01 {background: url('../img/control/status-01.png') no-repeat 0 1px;}
.txt-status.status-11 {background: url('../img/control/status-11.png') no-repeat 0 1px;}
.txt-status.status-12 {background: url('../img/control/status-12.png') no-repeat 0 1px;}
.txt-status.status-13 {background: url('../img/control/status-13.png') no-repeat 0 1px;}
.txt-status.status-21 {background: url('../img/control/status-21.png') no-repeat 0 1px;}
.txt-status.status-22 {background: url('../img/control/status-22.png') no-repeat 0 1px;}
.txt-status.status-23 {background: url('../img/control/status-23.png') no-repeat 0 1px;}
.txt-status.status-31 {background: url('../img/control/status-31.png') no-repeat 0 1px;}

.video-view-1 {position: relative;display: block;padding-left: 10px;color: #B0B0B0;line-height: 1.3;white-space: nowrap;}
.video-view-2 {position: relative;display: block;padding-left: 10px;color: #3D56E5;line-height: 1.3;white-space: nowrap;}
.video-view-3 {position: relative;display: block;padding-left: 10px;color: #47B881;line-height: 1.3;white-space: nowrap;}
.video-view-1:before {position: absolute;top: 5px;left: 0;width: 6px;height: 6px;border-radius: 6px;background: #B0B0B0;content: "";}
.video-view-2:before {position: absolute;top: 5px;left: 0;width: 6px;height: 6px;border-radius: 6px;background: #3D56E5;content: "";}
.video-view-3:before {position: absolute;top: 5px;left: 0;width: 6px;height: 6px;border-radius: 6px;background: #47B881;content: "";}

ul.tabs {display: flex;justify-content: space-between;width: 100%;height: 49px;border-bottom: 1px solid #cac4d0;}
ul.tabs li {flex: 1;}
ul.tabs li button {display: block;width: 100%;height: 100%;text-align: center;font-size: 14px;font-weight: 600;color: #737373;}
ul.tabs li.active button {display: block;width: 100%;height: 100%;text-align: center;border-bottom: 2px solid #3D56E5;color: #3D56E5;}

select.filter-select {display: inline-block;height: 32px;padding: 0 34px 0 16px;background: #F1F3FD url('../img/form/icon-select-filter.svg') no-repeat right 4px top 50%;border: 1px solid #EDEDED;border-radius: 32px;text-align: left;font-size: 14px;font-weight: 500;color: #474747;}
select.filter-select::-ms-expand {display: none;}
select.filter-select {-o-appearance: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;}

label.checks2 {display: inline-flex;align-items: center;position: relative;min-width: 48px;height: 28px;cursor: pointer;vertical-align: middle;font-size: 16px;color: #171717;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
label.checks2:has(> span) {padding-right: 58px;}
label.checks2 input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
label.checks2 input:checked ~ i:after {display: block;}
label.checks2 i {position: absolute;top: 0;right: 0;height: 28px;width: 48px;background: #fff url('../img/form/check2-2.png') no-repeat 50%;}
label.checks2 i:after {display: none;position: absolute;right: 0;top: 0;width: 48px;height: 28px;background: url('../img/form/check2-checked-2.png') no-repeat 50%;content: "";}

label.checks2 + label.checks2 {margin-top: 20px;}

label.radios2 {background: #ffffff;display: flex;justify-content: center;align-items: center;gap: 10px;position: relative;width: 100%;height: 56px;border: 1px solid #B0B0B0;border-radius: 4px 0 0 4px;cursor: pointer;vertical-align: middle;font-size: 14px;font-weight: 500;color: #171717;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
label.radios2 input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
label.radios2 i {display: none;width: 0;height: 18px;background: url('../img/form/radio2_checked-2-2.png') no-repeat 50%;content: "";}
label.radios2 input:checked ~ i {display: block;width: 18px;}
label.radios2:has(input:checked) {background: #536AE8;color: #ffffff;}

label.radios2 + label.radios2 {border-radius: 0 4px 4px 0;border-left: 0;}

label.radios-f {display: block;position: relative;width: 100%;height: 48px;padding: 13px 15px;border: 1px solid #B0B0B0;border-radius: 4px;font-size: 14px;font-weight: 500;color: #171717;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;cursor: pointer;}
label.radios-f input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
label.radios-f i {display: inline-block;width: 15px;height: 15px;border-radius: 15px;background: #ffffff;border: 2px solid #808080;vertical-align: top;margin-right: 10px;margin-top: 3px;}
label.radios-f:has( > input:checked) {background: #536AE8;}
label.radios-f input:checked ~ span {color: #ffffff;}
label.radios-f input:checked ~ i {width: 14px;height: 10px;background: url('../img/form/radio2_checked-2-2.png') no-repeat 50%;border: 0;vertical-align: top;margin-right: 11px;margin-top: 5px;}

label.radios-f + label.radios-f {margin-top: 12px;}

label.radios-f2 {display: block;position: relative;width: 100%;height: 48px;padding: 13px 15px;border: 1px solid #1717171F;border-radius: 4px;font-size: 14px;font-weight: 500;color: #171717;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;cursor: pointer;}
label.radios-f2 input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
label.radios-f2 i {display: inline-block;width: 15px;height: 15px;border-radius: 15px;background: #ffffff;border: 2px solid #c0c0c0;vertical-align: top;margin-right: 10px;margin-top: 3px;}
label.radios-f2:has( > input:checked) {background: rgba(71, 184, 129, 0.08);border: 1px solid #B0B0B0;}
label.radios-f2 input:checked ~ span {color: #47B881;}
label.radios-f2 input:checked ~ i {width: 18px;height: 18px;background: url('../img/form/radio2_checked-3.png') no-repeat 50%;border: 0;vertical-align: top;margin-right: 10px;margin-top: 1px;}

label.radios-f2:has( > input.wrong) {background: #f5f5f5;border: 1px solid #B0B0B0;}
label.radios-f2 input.wrong ~ i {width: 18px;height: 18px;background: url('../img/form/radio2_checked-4.png') no-repeat 50%;border: 0;vertical-align: top;margin-right: 10px;margin-top: 1px;}

label.radios-f2 + label.radios-f2 {margin-top: 12px;}



input[type="text"].form-input {font-family: 'SUIT';height: 56px;border: 1px solid #B0B0B0;border-radius: 4px;padding: 15px 15px;font-size: 16px;vertical-align: middle;-webkit-transition: 0.2s;transition: 0.2s;}
input[type="password"].form-input {font-family: 'SUIT';height: 56px;border: 1px solid #B0B0B0;border-radius: 4px;padding: 15px 15px;font-size: 16px;vertical-align: middle;-webkit-transition: 0.2s;transition: 0.2s;}
input[type="number"].form-input {font-family: 'SUIT';height: 56px;border: 1px solid #B0B0B0;border-radius: 4px;padding: 15px 15px;font-size: 16px;vertical-align: middle;-webkit-transition: 0.2s;transition: 0.2s;}
input[type="tel"].form-input {font-family: 'SUIT';height: 56px;border: 1px solid #B0B0B0;border-radius: 4px;padding: 15px 15px;font-size: 16px;vertical-align: middle;-webkit-transition: 0.2s;transition: 0.2s;}
input[type=number].form-input {font-family: 'SUIT';appearance: textfield;-moz-appearance: textfield;}
textarea.form-input {font-family: 'SUIT';font-weight: 400;background: #ffffff;border: 1px solid #B0B0B0;border-radius: 4px;padding: 15px 15px;font-size: 16px;line-height: 160%;vertical-align: middle;-webkit-transition: 0.2s;transition: 0.2s;resize: none;}
textarea.form-input.both {resize: both;}
textarea.form-input.horizontal {resize: horizontal;}
textarea.form-input.vertical {resize: vertical;}
textarea.form-input::-webkit-scrollbar {width: 8px;}
textarea.form-input::-webkit-scrollbar-track {background-color: #ffffff;}
textarea.form-input::-webkit-scrollbar-thumb {background-color: #F2F2F2;}
textarea.form-input::-webkit-scrollbar-button {display: none;}
textarea.form-input::-webkit-scrollbar-thumb:hover {background-color: #dedede;}
textarea.form-input::-webkit-scrollbar-track,
textarea.form-input::-webkit-scrollbar-thumb {border-radius: 4px;}

textarea.form-input.light {background: #ffffff;border: 1px solid #717171;}


input[type="text"].form-input:disabled:not(.flatpickr) {background: unset;border: 1px solid #dfdfdf;color: #a7a7a7;}
input[type="number"].form-input:disabled {background: unset;border: 1px solid #dfdfdf;color: #a7a7a7;}
input[type="tel"].form-input:disabled {background: unset;border: 1px solid #dfdfdf;color: #a7a7a7;}
input[type="radio"].form-input:disabled {background: unset;border: 1px solid #dfdfdf;color: #a7a7a7;}
textarea.form-input:disabled {background: unset;border: 1px solid #dfdfdf;color: #a7a7a7;}


input[type="text"].form-input[readonly]:not(.flatpickr) {background: #fafafa;border: 1px solid #c7c7c7;color: #171717;}
input[type="text"].form-input[readonly]:not(.flatpickr) {background: #fafafa;border: 1px solid #c7c7c7;color: #171717;}

input[type="number"].form-input[readonly] {background: #fafafa;border: 1px solid #c7c7c7;color: #171717;}
input[type="tel"].form-input[readonly] {background: #fafafa;border: 1px solid #c7c7c7;color: #171717;}
input[type="radio"].form-input[readonly] {background: #fafafa;border: 1px solid #c7c7c7;color: #171717;}
textarea.form-input[readonly] {background: #fafafa;border: 1px solid #c7c7c7;color: #171717;}

select.form-select {font-family: 'SUIT';height: 56px;padding: 15px 52px 15px 20px;background: url('../img/form/icon-select-2.svg') no-repeat right 18px top 50%;border: 1px solid #B0B0B0;border-radius: 4px;font-size: 16px;vertical-align: middle;-webkit-transition: 0.2s;transition: 0.2s;}
select.form-select:invalid {color: #c7c7c7;}
select.form-select option {color: #000;}
select.form-select::-ms-expand {display: none;}
select.form-select {-o-appearance: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
select.form-select[readonly] {background: #fafafa;border: 1px solid #c7c7c7;color: #171717;}




input[type="text"].form-input::-webkit-input-placeholder, input[type="password"].form-input::-webkit-input-placeholder, textarea.form-input::-webkit-input-placeholder {color: #B0B0B0;}
input[type="text"].form-input::-moz-placeholder, input[type="password"].form-input::-moz-placeholder, textarea.form-input::-moz-placeholder {color: #B0B0B0;}
input[type="text"].form-input:-ms-input-placeholder, input[type="password"].form-input:-ms-input-placeholder, textarea.form-input:-ms-input-placeholder {color: #B0B0B0;}
input[type="text"].form-input:-moz-placeholder, input[type="password"].form-input:-moz-placeholder, textarea.form-input:-moz-placeholder {color: #B0B0B0;}

input[type="text"].form-input::-ms-clear, input[type="text"].form-input::-ms-reveal, input[type="text"].form-input::-ms-expand,
input[type="password"].form-input::-ms-clear, input[type="password"].form-input::-ms-reveal, input[type="password"].form-input::-ms-expand,
select.form-select::-ms-clear, select.form-select::-ms-reveal, select.form-select::-ms-expand,
textarea.form-input::-ms-clear, textarea.form-input::-ms-reveal, textarea.form-input::-ms-expand {
	display: none;
}
input[type="text"].form-input:-webkit-autofill, input[type="text"].form-input:-webkit-autofill:hover, input[type="text"].form-input:-webkit-autofill:focus, input[type="text"].form-input:-webkit-autofill:active,
input[type="password"].form-input:-webkit-autofill, input[type="password"].form-input:-webkit-autofill:hover, input[type="password"].form-input:-webkit-autofill:focus, input[type="password"].form-input:-webkit-autofill:active,
select.form-select:-webkit-autofill, select.form-select:-webkit-autofill:hover, select.form-select:-webkit-autofill:focus, select.form-select:-webkit-autofill:active,
textarea.form-input:-webkit-autofill, textarea.form-input:-webkit-autofill:hover, textarea.form-input:-webkit-autofill:focus, textarea.form-input:-webkit-autofill:active {
	transition: background-color 9999s linear 0s;
}

.search-box {height: 56px;border-radius: 4px;border: 1px solid #B0B0B0;overflow: hidden;}
.search-box .search-form {display: flex;}
.search-box .search-input {font-family: 'SUIT';width: calc(100% - 54px);height: 54px;padding: 0 0 0 15px;border-radius: 4px;border: 0;font-size: 16px;vertical-align: middle;}
.search-box .search-input::-webkit-input-placeholder {color: #B0B0B0;}
.search-box .search-input::-moz-placeholder {color: #B0B0B0;}
.search-box .search-input:-ms-input-placeholder {color: #B0B0B0;}
.search-box .search-input:-moz-placeholder {color: #B0B0B0;}
.search-box .btn-search {display: inline-block;border: 0;width: 54px;height: 54px;background: url('../img/form/icon-search-2.svg') no-repeat 50%;text-indent: -9999em;cursor: pointer;vertical-align: middle;}

.search-box .search-input[readonly] {background: #fafafa;color: #171717;}
.search-box .search-input[readonly] + .btn-search {background: #fafafa url('../img/form/icon-search-2.svg') no-repeat 50%;;}
.search-box .search-input[readonly] + input + .btn-search {background: #fafafa url('../img/form/icon-search-2.svg') no-repeat 50%;;}
.search-box .search-input[readonly] + input + input + .btn-search {background: #fafafa url('../img/form/icon-search-2.svg') no-repeat 50%;;}

input[type="text"].form-input:focus {border: 3px solid #3D56E5;}
input[type="password"].form-input:focus {border: 3px solid #3D56E5;}
input[type="number"].form-input:focus {border: 3px solid #3D56E5;}
input[type="tel"].form-input:focus {border: 3px solid #3D56E5;}
input[type=number].form-input:focus {border: 3px solid #3D56E5;}
textarea.form-input:focus {border: 3px solid #3D56E5;}
select.form-select:focus {border: 3px solid #3D56E5;}
.search-box:focus-within {border: 3px solid #3D56E5;}


.info-cnt {font-size: 14px;font-weight: 400;color: #171717;}
.info-date {font-size: 16px;font-weight: 600;color: #000;}

.info-box {padding: 15px;border: 1px solid #ededed;border-radius: 8px;}
.info-box .top {display: flex;justify-content: space-between;align-items: center;}
.info-box .top .lt {display: flex;align-items: center;}

.info-detail-summary {margin-bottom: 16px;padding: 13px 16px 10px;background: #F8F9FE;border: 1px solid #EDEDED;border-radius: 8px;}
.info-detail-summary .top {position: relative;margin-bottom: 20px;display: flex;justify-content: space-between;align-items: start;}
.info-detail-summary .top .lt {width: 100%;}
.info-detail-summary .top .txt-datetime {margin-top: 14px;font-size: 18px;font-weight: 700;color: #171717;}
.info-detail-summary .txt-summ {margin-top: 18px;font-size: 14px;font-weight: 600;color: #171717;}
.info-detail-summary .txt-rs-num {margin-top: 3px;font-size: 14px;font-weight: 400;color: #474747;}
.info-detail-summary .section-title {margin-bottom: 2px;}
.info-detail-summary .btn-qr {position: absolute;top: 35px;right: 0;display: inline-block;width: 79px;height: 32px;border-radius: 32px;padding: 6px 0;background: #303030;font-size: 14px;color: #ffffff;text-align: center;}

.add-detail-summary {padding: 16px 15px 12px;background: #FAFAFA;border: 1px solid #EDEDED;border-radius: 8px;}
.add-detail-summary h4.title {margin-bottom: 10px;font-size: 16px;font-weight: 600;color: #171717;}

.info-detail-man .top {padding: 15px 20px 17px;margin-bottom: 12px;background: #F8F9FE;margin-left: -19px;margin-right: -19px;}
.info-detail-man .top .fx {display: flex;justify-content: space-between;align-items: center;}
.info-detail-man .top .fx-item {display: flex;justify-content: start;align-items: center;}
.info-detail-man .top .fx-item span {display: inline-block;line-height: 1;margin-left: 8px;margin-top: 1px;padding: 2px 3px;font-size: 12px;font-weight: 400;color: #8E8E8E;border: 1px solid #E1E1E1;border-radius: 2px;vertical-align: text-top;}

.info-detail-man .top.top-add {padding: 15px 20px 15px;background: #F7F7F7;}

.info-table-box {padding: 10px 15px;border: 1px solid #EDEDED;border-radius: 8px;}

.btn-info-detail {display: inline-block;padding-right: 22px;font-size: 13px;background: url('../img/form/arrow-info-detail.svg') no-repeat 100% 50%;color: #8A8A8A;}

table.info-table {width: 100%;}
table.info-table th {padding: 4px 0;text-align: left;font-size: 14px;font-weight: 400;color: #8A8A8A;}
table.info-table td {padding: 4px 0;text-align: right;font-size: 14px;color: #171717;}

table.info-table2 {width: 100%;}
table.info-table2 th {padding: 4px 0;text-align: left;font-size: 14px;font-weight: 400;color: #474747;}
table.info-table2 td {padding: 4px 0;text-align: right;font-size: 14px;font-weight: 600;color: #171717;}

table.info-table3 {width: 100%;}
table.info-table3 th {padding: 4px 0;text-align: left;font-weight: 400;font-size: 14px;color: #8A8A8A;}
table.info-table3 td {padding: 4px 0;text-align: right;font-size: 14px;color: #171717;}

.info-box table.info-table {margin-top: 12px;margin-bottom: 12px;}

ul li:has( > .info-box) {margin-bottom: 16px;}


input[type="text"].form-input.flatpickr-basic {background: url('../img/form/cal.png') no-repeat 100% 50%;}

.tip-search h4 {font-size: 16px;font-weight: 500;color: #171717;}
.tip-search h4.blue {color: #3D56E5;}
.tip-search ul li label {position: relative;padding-left: 14px;margin-bottom: 2px;font-size: 14px;color: #171717;}
.tip-search ul li label:before {position: absolute;top: 7px;left: 0;width: 3px;height: 3px;border-radius: 3px;background: #171717;content: "";}
.tip-search ul li p {padding-left: 15px;font-size: 12px;color: #B0B0B0;}

.video_player {position: relative;}
.video_player .video_shadow {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);z-index: 2;}
.video_player .btn-play-big {position: absolute;top: 50%;left: 50%;width: 64px;height: 64px;margin-left: -32px;margin-top: -32px;background: url('../img/control/play_big.png') no-repeat 50%;z-index: 3;}
.video_player .btn-play-pause.play {margin-right: 12px;display: inline-block;width: 24px;height: 24px;background: url('../img/control/play.png') no-repeat 50%;}
.video_player .btn-play-pause.pause {margin-right: 12px;display: inline-block;width: 24px;height: 24px;background: url('../img/control/pause.png') no-repeat 50%;}
.video_player .btn-volume.up {margin-right: 12px;display: inline-block;width: 24px;height: 24px;background: url('../img/control/volume_up.png') no-repeat 50%;}
.video_player .btn-volume.mute {margin-right: 12px;display: inline-block;width: 24px;height: 24px;background: url('../img/control/volume_off.png') no-repeat 50%;}
.video_player .time_display {font-size: 12px;color: #ffffff;}

.video_player .customSpeed {position: absolute;top: 16px;left: 16px;z-index: 3;}
.video_player .customSpeed .fx {justify-content: start;gap: 1px;}
.video_player .btn-speed {display: inline-block;width: 40px;height: 32px;text-indent: -9999em;}
/*
.video_player .btn-speed.sp1 {background: rgba(0, 0, 0, 0.08) url('../img/control/speed_1x.png') no-repeat 50%;}
.video_player .btn-speed.sp2 {background: rgba(0, 0, 0, 0.08) url('../img/control/speed_15x.png') no-repeat 50%;}
.video_player .btn-speed.sp3 {background: rgba(0, 0, 0, 0.08) url('../img/control/speed_2x.png') no-repeat 50%;}
.video_player .btn-speed.sp1.active {background: rgba(0, 0, 0, 0.5) url('../img/control/speed_1x.png') no-repeat 50%;}
.video_player .btn-speed.sp2.active {background: rgba(0, 0, 0, 0.5) url('../img/control/speed_15x.png') no-repeat 50%;}
.video_player .btn-speed.sp3.active {background: rgba(0, 0, 0, 0.5) url('../img/control/speed_2x.png') no-repeat 50%;}
*/
.video_player .btn-speed.sp1 {background: rgba(0, 0, 0, 0.3) url('../img/control/speed_1x.png') no-repeat 50%;}
.video_player .btn-speed.sp2 {background: rgba(0, 0, 0, 0.3) url('../img/control/speed_15x.png') no-repeat 50%;}
.video_player .btn-speed.sp3 {background: rgba(0, 0, 0, 0.3) url('../img/control/speed_2x.png') no-repeat 50%;}
.video_player .btn-speed.sp1.active {background: rgba(0, 0, 0, 0.7) url('../img/control/speed_1x.png') no-repeat 50%;}
.video_player .btn-speed.sp2.active {background: rgba(0, 0, 0, 0.7) url('../img/control/speed_15x.png') no-repeat 50%;}
.video_player .btn-speed.sp3.active {background: rgba(0, 0, 0, 0.7) url('../img/control/speed_2x.png') no-repeat 50%;}

.video_player .customControls {position: absolute;bottom: 0;left: 0;padding: 0 19px 11px;z-index: 5;width:100%;}
.video_player .customControls .fx {justify-content: start;}

#seekBar {
  -webkit-appearance: none;
  width: 100%;
  height: 4px;
  background: linear-gradient(to right, #8A8A8A 0%, #8A8A8A 0%);
  border-radius: 4px;
  outline: none;
}

/* thumb Á¦°Å */
#seekBar::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 0;
  height: 0;
  background: transparent;
  border: none;
}

#seekBar::-moz-range-thumb {
  width: 0;
  height: 0;
  background: transparent;
  border: none;
}

#seekBar::-ms-thumb {
  width: 0;
  height: 0;
  background: transparent;
  border: none;
}



.paginate {display: block;height: 28px;text-align: center;}
.paginate > span {display: flex;justify-content: center;align-items: center;vertical-align: middle;}
.paginate > span span {display: inline-block;vertical-align: middle;}
.paginate > span a {display: inline-block;position: relative;width: 28px;height: 28px;padding-top: 5px;vertical-align: middle;}
.paginate > span strong {display: inline-block;position: relative;width: 28px;height: 28px;padding-top: 5px;vertical-align: middle;}
.paginate .pre a.first {width: 28px;text-indent: -9999em;background: #fff;}
.paginate .pre a.first:before {content: '';position: absolute;top: 10px;left: 9px;width: 9px;height: 9px;border-left: 1px solid #8E8E8E;border-bottom: 1px solid #8E8E8E;transform: rotate(45deg) translate(0,0);}
.paginate .pre a.first:after {content: '';position: absolute;top: 10px;left: 15px;width: 9px;height: 9px;border-left: 1px solid #8E8E8E;border-bottom: 1px solid #8E8E8E;transform: rotate(45deg) translate(0,0);}
.paginate .pre a.prev {width: 28px;text-indent: -9999em;background: #fff;}
.paginate .pre a.prev:before {content: '';position: absolute;top: 10px;left: 12px;width: 9px;height: 9px;border-left: 1px solid #8E8E8E;border-bottom: 1px solid #8E8E8E;transform: rotate(45deg) translate(0,0);}
.paginate .nxt a.next {width: 28px;text-indent: -9999em;background: #fff;}
.paginate .nxt a.next:before {content: '';position: absolute;top: 10px;left: 8px;width: 9px;height: 9px;border-right: 1px solid #8E8E8E;border-bottom: 1px solid #8E8E8E;transform: rotate(-45deg) translate(0,0);}
.paginate .nxt a.last {width: 28px;text-indent: -9999em;background: #fff;}
.paginate .nxt a.last:before {content: '';position: absolute;top: 10px;left: 4px;width: 9px;height: 9px;border-right: 1px solid #8E8E8E;border-bottom: 1px solid #8E8E8E;transform: rotate(-45deg) translate(0,0);}
.paginate .nxt a.last:after {content: '';position: absolute;top: 10px;left: 10px;width: 9px;height: 9px;border-right: 1px solid #8E8E8E;border-bottom: 1px solid #8E8E8E;transform: rotate(-45deg) translate(0,0);}
.paginate span.list {margin: 0 5px;font-size: 0;}
.paginate span.list a {font-size: 12px;color: #4B4B4B;text-align: center;margin: 0 2px;}
.paginate span.list a:hover {color: #3D56E5;}
.paginate span.list strong {display: inline-block;width: 28px;height: 28px;margin: 0 2px;border-radius: 4px;background: #F1F3FD;font-size: 14px;color: #3D56E5;font-weight: bold;text-align: center;}