@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");

* {
    font-family: 'Pretendard', sans-serif !important;
    color: #595959;
    font-size: 16px;
}

body {
    background: white;
}


footer {
    background-color: #F2F2F2;
    border-top: 1px solid var(--Grey-100, #D9D9D9);
    transition: 0.2s ease-in-out;
}

footer .col svg {
    fill: #BFBFBF;
}

footer .col {
    font-family: Pretendard, serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 18px */
    color: #BFBFBF;
    padding: 10px 0;
}

footer .col.active {
    color: #000;
}

footer .col.active svg {
    fill: black;
}

.btn {
    font-weight: bold;
    font-size: 18px;
    padding: 16px 10px;
    line-height: 150%;
    border-radius: 8px;
    border: 0;
}

label {
    color: #000;
}

p {
    margin-bottom: 0;
    line-height: 150%;
}

.h4 {
    font-size: 22px;
    line-height: 150%;
    font-weight: bold;
    color: #000;
}

.min-height-100vh {
    min-height: var(--app-height);
    box-sizing: border-box;
}

.px-50px {
    padding-right: 50px;
    padding-left: 50px;
}

.btn.btn-sm {
    padding: 10px 14px;
    font-size: 16px;
    line-height: 150%;
}

.btn.w-100 {
    padding-right: 0;
    padding-left: 0;
}

a, a:active, a:hover, a:focus, a:visited, a:focus-within, a:focus-visible, a:target {
    color: #516FEB;
    text-decoration: none;
}

.progress {
    background-color: #F2F2F2;
}

.bg-primary {
    background-color: #516FEB !important;
}

.btn-primary, .btn-primary:active, .btn-primary:hover, .btn-primary:focus, .btn-primary:visited, .btn-primary:focus-within, .btn-primary:focus-visible, .btn-primary:target {
    background-color: #516FEB !important;
    color: #fff;
}

.btn-danger, .btn-danger:active, .btn-danger:hover, .btn-danger:focus, .btn-danger:visited, .btn-danger:focus-within, .btn-danger:focus-visible, .btn-danger:target {
    background-color: #FF3232 !important;
    color: #fff;
}

.btn-secondary, .btn-secondary:active, .btn-secondary:hover, .btn-secondary:focus, .btn-secondary:visited, .btn-secondary:focus-within, .btn-secondary:focus-visible, .btn-secondary:target {
    background-color: #D9D9D9 !important;
    color: #404040 !important;
}

.btn-light, .btn-light:active, .btn-light:hover, .btn-light:focus, .btn-light:visited, .btn-light:focus-within, .btn-light:focus-visible, .btn-light:target {
    background-color: #F2F2F2 !important;
    color: #404040 !important;
}

.btn-info, .btn-info:active, .btn-info:hover, .btn-info:focus, .btn-info:visited, .btn-info:focus-within, .btn-info:focus-visible, .btn-info:target {
    background-color: #DAE1FB !important;
    color: #516FEB !important;
}

.text-primary {
    color: #516FEB !important;
}

.btn-light.text-muted {
    color: #8C8C8C !important;
}

.form-control, .form-select {
    color: #0D0D0D;
    background-color: #F2F2F2;
    padding: 13px 20px;
    border: 1px solid #f2f2f2;
    border-radius: 8px;
    font-size: 16px;
    line-height: 150%;
}


.form-control::placeholder, .form-select::placeholder {
    color: #8C8C8C;
}

.form-control:focus, .form-select:focus {
    background-color: #F2F2F2;
    border-color: #516FEB;
    box-shadow: none;
}

.max-width-240px {
    max-width: 240px;
}

.min-height-66px {
    min-height: 66px;
}

.mt-4px {
    margin-top: 4px;
}

.mt-32px {
    margin-top: 32px;
}

.mt-66px {
    margin-top: 66px;
}

.mb-10px {
    margin-bottom: 10px;
}

.mb-14px {
    margin-bottom: 14px;
}

.rounded-3px {
    border-radius: 3px;
}

.h-6px {
    height: 6px;
}

.h-66px {
    height: 66px;
}

.mb-20px {
    margin-bottom: 20px !important;
}

.mb-34px {
    margin-bottom: 34px;
}


.mb-40px {
    margin-bottom: 40px;
}

.mb-44px {
    margin-bottom: 44px;
}

.mb-48px {
    margin-bottom: 48px;
}

.px-20px {
    padding-right: 20px;
    padding-left: 20px;
}

.mx-20px {
    margin-right: 20px;
    margin-left: 20px;
}

.py-14px {
    padding-top: 14px;
    padding-bottom: 14px;
}

.py-8px {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

.fw-500 {
    font-weight: 500;
}

.py-10px {
    padding-top: 10px;
    padding-bottom: 10px;
}

.mt-20px {
    margin-top: 20px;
}

.py-20px {
    padding-top: 20px;
    padding-bottom: 20px;
}

.my-10px {
    margin-top: 10px;
    margin-bottom: 10px;
}

.my-20px {
    margin-top: 20px;
    margin-bottom: 20px;
}

.pb-10px {
    padding-bottom: 10px !important;
}

.pb-20px {
    padding-bottom: 20px !important;
}

.pb-68px {
    padding-bottom: 68px;
}

.pb-99px {
    padding-bottom: 99px;
}

.mt-6px {
    margin-top: 6px;
}

.mt-10px {
    margin-top: 10px;
}

.text-danger {
    color: #FF3232 !important;
}


.ms-10px {
    margin-left: 10px;
}

.lh-32px {
    line-height: 32px !important;
}

.g-10px {
    --bs-gutter-x: 10px;
    --bs-gutter-y: 10px;
}

.g-12px {
    --bs-gutter-x: 12px;
    --bs-gutter-y: 12px;
}

.p-20px {
    padding: 20px;
}

.form-check {
    padding-left: 30px;
    line-height: 30px;

}

.form-check-input[type=checkbox] {
    border-radius: 50%;
}

.form-check .form-check-input {
    margin-left: -30px;
}

.mt-10px {
    margin-top: 10px !important;
}


.lh-30px {
    line-height: 30px;
}

.form-check-input {
    height: 30px;
    width: 30px;
    border: 0;
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}

.form-check-input {
    margin-top: 0;
    background-image: url(/images/unchecked.png);

}

.form-check-input:checked, .form-check-input:focus, .form-check-input:visited, .form-check-input:active {
    box-shadow: none;
}

.form-check-input:checked {
    background-color: transparent;
    background-image: url(/images/checked.png);
}


.t-normal {
    color: #3bc879 !important;
}

.t-warning {
    color: #ff783c !important;
}

.mr-10px {
    margin-right: 10px;
}

.t-danger {
    color: #ff3232 !important;
}

.pt-248px {
    margin-top: 248px;
}

.pt-58px {
    padding-top: 58px;
}

.mt-24px {
    margin-top: 24px;
}

.mb-24px {
    margin-bottom: 24px;
}

.pt-104px {
    padding-top: 104px;
}

.pt-182px {
    padding-top: 182px;
}

.form-control-sm {
    color: #262626;
    text-align: center;
    font-family: Pretendard, serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 27px */
    background-color: transparent;
    border: none;
    padding: 20px 0;
    height: 67px;
}

.form-control-sm:focus, .form-control-sm:active, .form-control-sm:hover, .form-control-sm:visited {
    border: none;
    outline: none;
    box-shadow: none;
}


.btn-tab {
    display: inline-block;
    padding: 6px 20px;
    justify-content: center;
    align-items: center;
    border: 1px solid var(--Grey-100, #D9D9D9);
    background-color: #fff;
    border-radius: 8px;

    color: var(--Grey-700, #404040);

    /* Body/16px */
    font-family: Pretendard, serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 24px */
}

.btn-tab.active {
    background-color: #404040;
    color: var(--White, #FFF);
    font-weight: 700;
}


.filter {
    width: 100%;
    border-radius: 8px;
    border: 1px solid var(--Grey-100, #D9D9D9);
    background-color: #fff;
    display: flex;
    padding: 10px 20px;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;

    color: var(--Grey-900, #0D0D0D);

    /* Title/16px */
    font-family: Pretendard, serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 24px */
}

.pop-wrap {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1031;
}

.pop-wrap .pop-background {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    opacity: 0.5;
    background: var(--Black, #000);
    z-index: 1032;
}

.pop-wrap .pop {
    position: absolute;
    z-index: 1033;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
}

.pop-wrap .pop .pop-card {
    max-width: 310px;
    width: 100%;
    padding: 34px 28px 28px;
    display: inline-block;
    align-self: center;
    border-radius: 20px;
    background: var(--White, #FFF);
}

.pop-card p {
    color: var(--Grey-900, #0D0D0D);
    text-align: center;

    /* Title/18px */
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 27px */
    margin-bottom: 28px;
}

.pop-wrap .pop .pop-card button {
    border-radius: 8px;
    background: var(--Main-600, #516FEB);
    width: 100%;
    height: 48px;

    color: var(--White, #FFF);
    text-align: center;

    /* Title/18px */
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 27px */

    border: none;
}