@charset "utf-8";

*, *:before, *:after {
    box-sizing:border-box;
    user-select:none;
}
html, body {
    width:100%;
    height:100%;
    margin:0;
    padding:0;
    box-sizing:border-box;
}
html {
    font-size:62.5%;
}
body {
    font-family:'notosanskr', 'Malgun Gothic', dotum, '돋움', sans-serif;
    font-size:14px;
    font-size:1.4rem;
    letter-spacing:-0.1px;
    color:#555;
}

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    color: inherit;
    border: 0;
    vertical-align: baseline;
    background: transparent;
}

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

nav ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
}

strong {
    font-weight: 700;
}

a {
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    text-decoration: none;
    background: transparent;
}

/* change colours to suit your needs */
ins {
    text-decoration: none;
}

/* change colours to suit your needs */
mark {
    font-style: normal;
    font-weight: 700;
}
del {
    text-decoration: line-through;
}
abbr[title], dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    margin: 20px 0;
    padding: 0;
}
ul, ol {
    list-style:none; 
    padding:0; 
    margin:0;
}
a, button {
    cursor:pointer;
}
input, select {
    vertical-align: middle;
}
input, button {
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    border-radius: 0;
}

select {
    vertical-align:middle; 
    -webkit-appearance:none; 
    -moz-appearance:none; 
    -o-appearance:none;
    appearance:none; 
    border-radius:0; 
    outline:none;
}
select::-ms-expand {
    display: none; /* for IE10,11 */
    display: hidden; /* 영역유지하고 싶을땐 */
}

input[type='text'] {
    box-sizing:border-box; 
    -webkit-appearance:none; 
    appearance:none; 
    outline:none;
}
input[type='checkbox'] {
    -webkit-appearance:auto;
    appearance:auto;
}
input:checked[type='checkbox'] {
    -webkit-appearance:checkbox;
}
input[type='text']::-ms-clear, input[type='tel']::-ms-clear {
    display:none;
}
input[disabled], select[disabled], input[readonly], textarea[disabled], button[disabled] {
    cursor:default;
}
input, textarea {
    -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
}
::-webkit-input-placeholder {
    color:#767676; 
    font-weight:400 !important;
}
::-moz-placeholder {
    color:#767676; 
    font-weight:400 !important;
}
:-ms-input-placeholder {
    color:#767676; 
    font-weight:400 !important;
}
select.placeholder {
    color:#767676; 
    font-weight:400 !important;
}
textarea {
    resize: none;
} 

pre
{
    width: 100%;
    min-height: 150px;
    height: 100%;
    padding: 0;
    white-space: pre-line;
    -moz-white-space: pre-line;
    -webkit-white-space: pre-line;
    -ms-white-space: pre-line;
    -o-white-space: pre-line;
    word-wrap: break-all;
}
em
{
	font-style: normal;
}