html {
  font-size: 13px;
}

@media (min-width: 768px) {
  html {
    font-size: 15px;
  }
}

/*@font-face {
    font-family: 'Pretendard';
    src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
*/
/* Chrome, Safari, Edge, Opera */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    /*box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;*/
    box-shadow: 0 0 5px #9ed4ff;
    border: 1px solid #558ab7;
}

html {
  position: relative;
  min-height: 100%;
}

body {
    margin: 0;
    padding: 0;
    font-size: 1em;
    font-family: 'Pretendard','Noto Sans KR','Malgun Gothic',dotum,sans-serif !important;
    background: #fff;
    background: #e4dcd2;
    margin-bottom: 60px;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block
}

ul, dl, dt, dd {
    margin: 0;
    padding: 0;
    list-style: none
}

a {
    color: #000;
    text-decoration: none !important;
}

    a:hover {
        text-decoration: none;
    }

input[type=text], input[type=password], textarea {
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    outline: none;
}

    input[type=text]:focus, input[type=password]:focus, input[type=tel]:focus, textarea:focus, select:focus {
        -webkit-box-shadow: 0 0 5px #9ed4ff;
        -moz-box-shadow: 0 0 5px #9ed4ff;
        box-shadow: 0 0 5px #9ed4ff;
        border: 1px solid #558ab7;
    }

/* ÇʼöÀÔ·Â */
.required, textarea.required {
    background-image: url('../img/require.png') !important;
    background-repeat: no-repeat !important;
    background-position: right top !important
}
.requiredSearch {
    background-image: url('../img/requiredSearch.png') !important;   
    background-repeat: no-repeat !important;
    background-position: right center !important;
    background-size: 50px;
    cursor: pointer;
}

.stickyPosition {
    top: 0px;
    position: sticky;
    z-index: 100;
}

.form-check-input {
    transform: scale(1.6);
}
    .form-check-input:focus {
        box-shadow: none;
    }

.chkAgree:checked {
    background-color: #198754;
    border-color: #198754;
}

.add {
    border-color: #6f55d9;
    color: #6f55d9;
    transition: all 0.3s;
    background-color: #ffffff;
}

    .add:hover {
        border-color: #6f55d9;
        transform: scale(1.1);
        color: #6f55d9;
        background-color: #ffffff;
    }

.copy {
    border-color: #81dec2;
    color: #81dec2;
    transition: all 0.3s;
    background-color: #ffffff;
}

    .copy:hover {
        border-color: #81dec2;
        transform: scale(1.1);
        color: #81dec2;
        background-color: #ffffff;
    }

.remove {
    border-color: #FC6769;
    color: #FC6769;
    transition: all 0.3s;
    background-color: #ffffff;
}

    .remove:hover {
        border-color: #FC6769;
        transform: scale(1.1);
        color: #FC6769;
        background-color: #ffffff;
    }

.reset {
    border-color: #bdb7c7;
    color: #bdb7c7;
    transition: all 0.3s;
    background-color: #ffffff;
}

    .reset:hover {
        border-color: #bdb7c7;
        transform: scale(1.1);
        color: #bdb7c7;
        background-color: #ffffff;
    }

.cancel {
    border-color: #dc3545;
    color: #dc3545;
    transition: all 0.3s;
}

    .cancel:hover {
        border-color: #dc3545;
        color: #dc3545;
        transition: all 0.3s;
    }

.confirm {
    /*border-color: #0c6efd;
    color: #0c6efd;*/
    /*background-color: #0c6efd;*/
    background-color: #26337a;
    color: #ffffff;
    transition: all 0.5s;
}

    .confirm:hover {
        /*border-color: transparent;*/
        background: #ffffff;
        transform: scale(1.1);
        /*color: #0c6efd;*/
        color: #26337a;
        transition: all 0.5s;
    }

.search {
    background-color: #26337a;
    color: #ffffff;
}
    .search:hover {
        background-color: #26337a;
        color: #ffffff;
    }

.btnBadge {
    transition: all 0.3s;
}
    .btnBadge:hover {
        transform: scale(1.1);
        transition: all 0.3s;
    }

.pointer {
    cursor: pointer !important;
}

.notAllowed {
    cursor: not-allowed !important;
}

.noDrag {
    -webkit-user-drag: none;
    user-select: none;
    /*pointer-events: none;*/
    cursor: default;
}

.noFocus {
    border-color: none !important;
    box-shadow: none !important;
    outline: none !important;
}

.buttons-html5 {
    color: white;
    font-weight: bold;
    border-radius: 15px;
    background-color: seagreen;
    border: none;
    transition: all 0.3s;
}

    .buttons-html5:hover {
        transform: scale(1.1);
        transition: all 0.3s;
    }

.card-header {
    background: linear-gradient(135deg, #26337a 5%,#4f5e8c 100%);
    color: #ffffff;
}
.card-header i {
    color: white;
}
.card-body,
.card-footer {
    background-color: #f1ede9;
}
    .card-body .input-group .input-group-text {
        background-color: #f6f3f2;
        color: #535463;
    }

#terms .modal-body > ul > li {
    margin-bottom: 1rem;
}

#privacy ol > li {
    margin-bottom: 1rem;
}

#dntCaptchaImg {
    width: 200px;
    height: 55px;
    object-fit: contain;
}

.step-badge {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #4f5e8c;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    position: absolute;
    top: -10px;
    left: -10px;
    z-index: 10;
}
.deny {
    background-color: #fa988c !important;
}