*,*:before,*:after{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}
html{direction:ltr;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{width:100%;height:100vh;font-family:"맑은고딕",'MalgunGothic', sans-serif;font-weight:400;line-height:normal;}
article,aside,details,figcaption,figure,footer,header,main,nav,section,summary{display:block}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;line-height:normal}
ul,ol{list-style:none}
i,em,address,optgroup{font-style:inherit;font-weight:inherit}
b,strong{/*font-weight:inherit*/}
a{background-color:transparent;font-size:inherit;font-style:inherit;font-weight:inherit;color:inherit;text-decoration:none}
img{border-style:none;max-width:100%;height:auto;vertical-align:middle}
table{width:100%; border-collapse:collapse;border-spacing:0}
::-ms-clear{display:none}
:invalid{-webkit-box-shadow:none;box-shadow:none}
:-moz-submit-invalid{box-shadow:none}
:-moz-ui-invalid{box-shadow:none}
button,input,select,optgroup,textarea{/*width:100%;*/font-family:inherit;font-size:100%;line-height:normal;margin:0; border:none; background:none;outline:none;border-radius:0;color:inherit; text-align:left;/*-webkit-appearance:unset;-moz-appearance:none*/}
button::-webkit-input-placeholder, input::-webkit-input-placeholder, select::-webkit-input-placeholder, optgroup::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color:#ccc}
button::-moz-placeholder, input::-moz-placeholder, select::-moz-placeholder, optgroup::-moz-placeholder, textarea::-moz-placeholder{color:#ccc}
button:-ms-input-placeholder, input:-ms-input-placeholder, select:-ms-input-placeholder, optgroup:-ms-input-placeholder, textarea:-ms-input-placeholder{color:#ccc}
button::-ms-input-placeholder, input::-ms-input-placeholder, select::-ms-input-placeholder, optgroup::-ms-input-placeholder, textarea::-ms-input-placeholder{color:#ccc}
button::placeholder,input::placeholder,select::placeholder,optgroup::placeholder,textarea::placeholder{color:#ccc}
i{background-repeat:no-repeat;background-size:contain;background-position:center;margin:0 auto}
button{cursor:pointer}
button,input{overflow:visible;line-height:normal}
button,select{text-transform:none;-webkit-appearance:none}
input[type="text"][disabled],input[type="radio"][disabled],input[type="checkbox"][disabled],input[type="email"][disabled],input[type="password"][disabled],textarea[disabled]{background-color:#f6f6f6}
button[disabled],html input[disabled]{cursor:default}
input[type="radio"]+label:before,input[type="radio"]+label:after{border-radius:50%}
input[type="checkbox"],input[type="radio"]{/*opacity:0;*/-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}
select::-ms-expand{display:none}
button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}
progress{vertical-align:baseline}
textarea{overflow:auto;resize:none}
[type="checkbox"],[type="radio"]{padding:0}
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}
[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}
[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
details{display:block}
summary{display:list-item}
template,[hidden]{display:none}
/*::-webkit-scrollbar{width:6px;height:auto}
::-webkit-scrollbar-thumb{border-radius:4px;background-color:#596b8e}
::-webkit-scrollbar-track{background-color:rgba(241,246,250,0.6)}*/

#contents{ padding:5px 0;}

/* - Chrome ≤56,
   - Safari 5-10.0
   - iOS Safari 4.2-10.2
   - Opera 15-43
   - Opera Mobile 12-12.1
   - Android Browser 2.1-4.4.4
   - Samsung Internet ≤6.2
   - QQ Browser */
::-webkit-input-placeholder {
    color: #aaa;
    font-weight: 400;
}

/* Firefox 4-18 */
:-moz-placeholder {
    color: #aaa;
    font-weight: 400;
}

/* Firefox 19-50 */
::-moz-placeholder {
    color: #aaa;
    font-weight: 400;
}

/* - Internet Explorer 10–11
   - Internet Explorer Mobile 10-11 */
:-ms-input-placeholder {
    color: #aaa !important;
    font-weight: 400 !important;
}

/* Edge (also supports ::-webkit-input-placeholder) */
::-ms-input-placeholder {
    color: #aaa;
    font-weight: 400;
}

/* CSS Pseudo-Elements Level 4 Editor's Draft
::placeholder {
    color: #aaa;
    font-weight: 400;
}