@import url(https://font.imbc.com/noto/noto.css);
@import url(https://font.imbc.com/mbcnew/mbcnew.css);

/*reset*/
body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, legend, li, ol, p, select, table, td, textarea, th, ul {
    margin: 0;
    padding: 0
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal
}

fieldset, img {
    border: 0 none
}

a {
    color: inherit;
    text-decoration: none
}

dl, ul, ol, li {
    list-style: none
}

img {
    vertical-align: top
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    border: 0
}

th, td {
    vertical-align: middle
}

em, caption, cite, address, dfn, var, code {
    font-style: normal;
}

input[type='text'], input[type='password'], input[type='number'], input[type='submit'], input[type='search'], input[type='tel'], input[type='email'] {
    -webkit-appearance: none;
    border-radius: 0
}

input:checked[type='checkbox'] {
    -webkit-appearance: checkbox
}

button, input[type='submit'], input[type='reset'], input[type='file'] {
    -webkit-appearance: button;
    border-radius: 0
}

input[type='search']::-webkit-search-cancel-button {
    -webkit-appearance: none
}

input[type='number']::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input, select, textarea, button {
    vertical-align: middle;
    border: 0;
}

    select, select option, textarea {
        text-transform: uppercase;
        -webkit-appearance: none;
        -moz-appearance: none
    }

button {
    border: 0;
    background-color: transparent;
    cursor: pointer
}

body {
    background: #20201e;
    color: #fff;
    font-size: 16px;
    letter-spacing: -.075em;
    font-family: 'notokr-demilight'
}

/* accessibility */
#accessibility {
    position: absolute;
    top: -1000px;
    left: 0;
    overflow: hidden;
    display: block;
    width: 1px;
    text-align: left;
    text-indent: -9999px;
    z-index: 9999;
}

.blind {
    position: absolute;
    clip: rect(0 0 0 0);
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
}

/*html 말줄임 class*/
.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ellipsis2 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
}

.ellipsis3 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    -webkit-line-clamp: 3;
}