*, :before, :after{box-sizing:border-box;-webkit-text-size-adjust:none}

html, body{margin:0;width:100%;height:100%}
html{font-size:15px !important}
body{position:relative}

body, h1, h2, h3, h4, h5, h6, div, p, input, textarea, select, button, :before, :after, figure, figcaption, small{padding:0;margin:0;line-height:100%;font-family:'Noto Sans KR',sans-serif;font-weight:400;font-size: 1rem;color:var(--text-default)}

ul, ol{margin:0;padding:0;list-style:none}
li{list-style:none}
strong, b{font-weight:400}
i, em{font-style:normal} 
canvas{display:block;width:100%;height:100%}
a{display:inline-block;text-decoration:none;transition:color 100ms ease-out;}
a:link,a:active, a:visited{color:var(--text-default)}
a:hover{color:var(--primary)}


form{display:block}
fieldset{display:block;padding:0;border:0}
label{display:inline-block;cursor:pointer}
label:hover{color:#000}
input[type="text"], input[type="search"], input[type="email"], input[type="password"], input[type="number"], select, textarea{display:block;border: 1px solid #dcdcdc;border-radius: 3px;}
input[type="text"], input[type="search"], input[type="email"], input[type="password"], input[type="number"], select{height: 37px;padding: 0 10px;}
input[type="radio"], input[type="checkbox"]{position:fixed;top:-1px;left:-1px;width:1px;height:1px;overflow:hidden;visibility:hidden}
input[type="radio"]+span, input[type="checkbox"]+span{position:relative;display:inline-block;width: 20px;height: 20px;padding: 5px;margin-right: 5px;background-color: #fff;border: 1px solid var(--border);border-radius: 3px;}
input[type="radio"]+span, input[type="radio"]+span:before{border-radius:100%}
input[type="radio"]:checked+span, input[type="checkbox"]:checked+span{background: var(--primary) url(/resources/images/name/mng/layout/checked.svg) no-repeat 50% 50% / 49%;border-color:var(--primary);}
input[maxlength="8"]{width:200px}
input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}


textarea{padding:10px;resize:vertical;line-height:145%;width: 100%;min-width: 300px;}
textarea:disabled{background-color:transparent}

input:read-only{background-color:var(--readonly-input)}

input:focus, select:focus, textarea:focus{outline-color: var(--primary)}

input::-ms-clear,
input::-ms-reveal{display:none;width:0;height:0}
input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration{display:none}

select{line-height:normal;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}
select::-ms-expand{display:none}

button{border:0;background-color:transparent;cursor:pointer;transition:color 100ms ease-out}

caption{height:0;width:1px;overflow:hidden;clip:rect(1px, 1px, 1px, 1px)}

img{border:0 none;max-width:100%}


.hide{position:fixed;top:-1px;height:-1px;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden;visibility:hidden}
.blind{position:fixed;top:-1px;height:-1px;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden;visibility:hidden}
.hidden{display:none}


::placeholder{color:#999}