@font-face {
    font-family: 'KBIZHanmaumMyungjo';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/KBIZHanmaumMyungjo.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
 
* {
    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;
}

.nanummyeongjo,
.nanummyeongjo * {
    font-family: 'Nanum Myeongjo', serif;
}

.mono {
    font-family: 'Roboto Mono', monospace;
}

a {
    color: inherit;
}

u {
    text-underline-offset: 0.3rem;
}

img {
    max-width: 100%;
}

.KBIZHanmaumMyungjo,
.KBIZHanmaumMyungjo * {
    font-family: 'KBIZHanmaumMyungjo';
}

.main-title {
    font-size: 3rem;
}

.sub-title {
    font-size: 2rem;
    line-height: 140%;
}


.btn-block {
    width: 100%;
}

.position-center {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.bg-282828 {
    background-color: #282828;
}

.bg-blue2 {
    background-color: #b9cadc;
}


.new-form .card-header {
    padding: 50px 35px;
}

.new-form .card-body {
    padding: 0 35px 50px;
}

.new-form .form-check-input:checked {
    background-color: #000;
    border-color: #000;
}

.membershipForm button {
    border: 1px solid #d9d9d9;
}

.membershipForm .priceByUser {
    border: 1px solid #d9d9d9 !important;
    border-radius: 0.3125rem !important;
    text-align: center;
}

.singlePricePicked,
.pricePicked,
.payByPicked,
.payTypePicked {
    --bs-btn-color: #fff;
    --bs-btn-bg: #5f6d85;
    --bs-btn-border-color: #377dff;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #2f6ad9;
    --bs-btn-hover-border-color: #2c64cc;
    --bs-btn-focus-shadow-rgb: 85, 145, 255;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #2c64cc;
    --bs-btn-active-border-color: #295ebf;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #377dff;
    --bs-btn-disabled-border-color: #377dff
}

#priceInput {
    width: 100%;
}

.priceWrap .col-6 {
    margin-bottom: 0.3rem;
}

@media (max-width: 768px) {

    .card-header,
    .card-body {
        padding: 30px !important;
    }
}

.checkUpTheForm small,
span.go,
.cursorPointer,
.pointer {
    cursor: pointer;
}

.policyPlainText {
    height: 220px;
    overflow: auto;
    font-family: inherit;
    font-size: 15px;
    line-height: 138%;
}

.paypalWrap svg {
    height: 20px;
    width: inherit;
}

#signature {
    background-color: rgb(222, 222, 222);
}

.singlePayGatementWrap svg {
    height: 20px;
    width: auto;
}

.accordion-body p {
    margin-bottom: 0;
    color: #000;
}

.color-first {
    color: #1d9add;
}

.color-second {
    color: #2162ae;
}

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

.donut {
    width: 2rem;
    height: 2rem;
    margin: 2rem;
    border-radius: 50%;
    border: 0.3rem solid rgba(151, 159, 208, 0.3);
    border-top-color: #979fd0;
    -webkit-animation: 1.5s spin infinite linear;
    animation: 1.5s spin infinite linear;
}

.donut.multi {
    border-bottom-color: #979fd0;
}

@-webkit-keyframes spin {
    to {
        transform: rotate(360deg);
    }
}

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}

.policyWrap h1 {
    font-size: 1.25rem;
}

.policyWrap h2 {
    font-size: 1.1rem;
}

.policyWrap h3 {
    font-size: 1rem;
}

.policyWrap h4 {}

.policyWrap h5 {}

.policyWrap h6 {}

.policyWrap.card-body,
.noticeContent p {
    color: #000;
}

.noticeContent {
    font-size: .975rem;
}

.fill-first {
    fill: #009ADE;
}

.fill-second {
    fill: #2E6AB4;
}
.tom-select-custom-with-tags .tom-select-custom .ts-wrapper.multi .ts-control.has-items.hs-select-single-multiple, .tom-select-custom-with-tags .ts-wrapper.form-select .ts-control, .ts-wrapper.multi.has-items .ts-control {
    padding: 0.75rem 1rem;
}
.swal2-title {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    font-weight: 600;
    line-height: 1.2;
    color: #1e2022;
    font-size: 1.25rem;
}
div:where(.swal2-container) .swal2-html-container {
    text-align: start;
    font-size: 0.95rem;
    font-weight: var(--bs-body-font-weight);
    line-height: var(--bs-body-line-height);
    color: var(--bs-body-color);
}
.insertDropShadow svg {
    /* filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4)); */
}
@media (max-width: 991.98px) {
    .navbar-expand-lg .navbar-nav li .btn {
        width: 100%;
        margin-bottom: 0.5rem;
    } 
}
#navbarNavDropdown, .navbar-absolute-top-scroller {
    background-color: transparent !important;
}
div:where(.swal2-container) .swal2-select {
    margin: 0.5rem 5% auto 5%;
    max-width: 90%;
    font-size: 1rem;
}
.footerBankLogo {
    height: 0.75rem;
    width: auto;
    margin-right: 0.2rem;
    vertical-align: middle;
}
.footerBankLogo.cls-1{
    fill:#b4b4b4;
}
.noty_theme__semanticui.noty_bar .noty_body {
    font-size: 90%;
}
@media (min-width:992px) {
    .w-lg-50 {
        width: 47%!important;
    }
}
.navbar-brand-logo {
    vertical-align: baseline;
    width: 100%;
    min-width: 6rem;
    max-width: 6rem;
}
@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1260px;
    }
}