@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

* {
    font-family: 'Noto Sans KR', sans-serif;
    text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -webkit-text-size-adjust: none;
    font-weight: revert;
    outline: none;
    list-style: none;
    text-decoration: none;
    word-break: keep-all;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    letter-spacing: -1px;
    margin: 0;
    padding: 0;
}

#wrap {
    height: 100vh;
}

.container {
    position: relative;
    width: 100%;
    max-width: 1200px;
    margin: auto;
    background-color: #fff;
    letter-spacing: -0.063rem;
}

.inner {
    height: 100%;
    margin: 0 auto;
    width: 1200px;
}

/* Loading */
.q-loading {
    color: #000;
    position: fixed!important;
}

.row, .column, .flex {
    display: flex;
    flex-wrap: wrap;
}

.justify-center, .flex-center {
    justify-content: center;
}

.fixed, .fixed-full, .fullscreen, .fixed-center, .fixed-bottom, .fixed-left, .fixed-right, .fixed-top, .fixed-top-left, .fixed-top-right, .fixed-bottom-left, .fixed-bottom-right {
    position: fixed;
}

.fullscreen {
    z-index: 6000;
    border-radius: 0!important;
    max-width: 100vw;
    max-height: 100vh;
}

.absolute-full, .fullscreen, .fixed-full {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.z-max {
    z-index: 9998 !important;
}

.q-loading__backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: .5;
    z-index: -1;
    background-color: #000;
    transition: background-color .28s;
}

.bg-transparent {
    background: transparent!important;
}

.q-loading__box {
    border-radius: 4px;
    padding: 18px;
    color: #fff;
    max-width: 450px;
}

.row, .column, .flex {
    display: flex;
    flex-wrap: wrap;
}

.column {
    flex-direction: column;
}

.items-center, .flex-center {
    align-items: center;
}

.q-spinner {
    vertical-align: middle;
}

.text-blue {
    color: #2196f3!important;
}

svg:not(:root) {
    overflow: hidden;
}

.pc {
    display: block;
}

.m {
    display: none;
}

.mo {
    display: none;
}
