@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.6/dist/web/static/pretendard-dynamic-subset.css");

body {
    font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif !important;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
}

.hidden {
    display: none !important;
}

.accordion-button {
    padding: 1.25rem;
}

.footer-text {
    font-size: .75rem;
    color: #b4bdc6;
}

.table-header {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.default-border-color {
    border-color: #d9dee3;
}

.table th {
    font-size: .975rem;
}

.table td {
    font-size: .925rem;
}

.dropdown-item.warning {
    color: #e6381a;
}

.dropdown-item.warning:active {
    background-color: rgba(255, 105, 105, 0.08) !important;
    color: #e6381a !important;
}

.modal .form-label {
    font-size: .875rem;
}

.modal .form-control {
    font-size: 1rem;
}

.form-check-input,
.form-check-label {
    cursor: pointer;
}

.form-control.fail-valid,
.form-check-input.fail-valid {
    border-color: #ff3e1d !important;
}

.form-check-input.fail-valid~.form-check-label {
    color: #ff3e1d;
}

.form-select.fail-valid {
    border-color: #ff3e1d !important;
}

.bootstrap-select .dropdown-toggle.btn-default.fail-valid {
    border-color: #ff3e1d !important;
}

.tooltip-inner {
    font-family: "Pretendard Variable", Pretendard, sans-serif;
    font-size: .825rem;
    background: #696cff;
    box-shadow: 0 .125rem .25rem 0 rgba(105, 108, 255, .4);
    color: #fff
}

ngb-tooltip-window.bs-tooltip-auto[data-popper-placement=top] .tooltip-arrow:before,
.tooltip.bs-tooltip-auto[data-popper-placement=top] .tooltip-arrow:before {
    border-top-color: #696cff
}

.tooltip.bs-tooltip-auto[data-popper-placement=bottom] .tooltip-arrow:before {
    border-right-color: #696cff
}

.tooltip.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow:before {
    border-right-color: #696cff
}

.tooltip.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow:before {
    border-right-color: #696cff
}


.btn.btn-danger.form-control {
    border-color: #e6381a !important;
}


.modal-address {
    display: none;
    position: relative;
    z-index: 9999;
    width: 100%;
    padding: 10px;
    border: 1px solid #d9dee3;
    background-color: white;
    border-radius: 0.375rem;
}

@media screen and (max-width: 469px) {
    .modal-address {
        position: fixed;
        margin: 0 auto;
        left: 0;
        right: 0;
    }
}


.bs-stepper .step.active .bs-stepper-circle {
    background-color: #696cff;
    box-shadow: 0 .1875rem .375rem 0 rgba(105, 108, 255, .4);
    color: #fff
}

.bs-stepper .step.active .bs-stepper-label {
    color: #696cff !important
}

.bs-stepper .step.active .bs-stepper-icon svg {
    fill: #696cff !important
}

.bs-stepper .step.crossed .step-trigger .bs-stepper-circle {
    background-color: rgba(105, 108, 255, .16) !important;
    color: #696cff !important
}

.bs-stepper .step.crossed .step-trigger .bs-stepper-icon svg {
    fill: #696cff !important
}

.bs-stepper .step.crossed+.line svg {
    fill: #696cff
}

.bs-stepper .step.crossed+.line i {
    color: #696cff
}

.bs-stepper.wizard-icons .step.crossed .step-trigger .bs-stepper-label {
    color: #696cff !important
}

.bs-stepper .step-trigger:focus {
    color: #696cff
}

.bs-stepper .step-trigger:focus svg {
    fill: #696cff !important
}

[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled),
button:not(:disabled) {
    cursor: pointer;
}

.content-header-sub {
    color: #697a8d;
    font-size: .875rem;
    font-weight: 500;
}


.input-group .search-title {
    min-width: 100px;
    padding: 0.4375rem 1.125rem;
}

.input-radio-group {
    display: flex;
    align-items: center;
    white-space: nowrap;
    padding: 0.4375rem 0.875rem;
    font-size: 0.9375rem;
    line-height: 1.53;
    background-color: #fff;
    border: 1px solid #d9dee3;
    border-radius: 0.375rem;
}

.input-radio-group .form-check {
    margin-bottom: 0;
}

.modal-body.input-readonly-form .form-control[readonly] {
    background-color: #fff !important;
}

.modal-body.input-readonly-form .input-group .text-primary {
    background-color: #ebeef0;
}

.list-scroll-layout {
    position: relative;
    overflow: auto;
    width: 100%;
    max-height: 600px;
    height: 600px;
}

.list-group-item .list-group-icon {
    display: flex;
    float: right;
    align-items: center;
    margin-top: .2rem;
    cursor: pointer;
}

table.table-checkboxes-select .checkboxes-cell {
    width: 40px;
}