@charset "UTF-8";

* { box-sizing: border-box; margin:0; padding:0; }

html, body { font-size: 16px; font-family: "Noto Sans KR", sans-serif; font-weight:400; }
body { position: relative; left:0; overflow-x: hidden !important; color: #333; transition: all 200ms; width:100%; height:100vh; line-height:1.4; }

a, a:link, a:visited, a:hover { color: #333; text-decoration: none; transition:all .3s ease; }
a:focus { outline: none; }
button { border:none; }

img { max-width:100%; }

label { font-weight: normal; }
video { -webkit-mask-image: -webkit-radial-gradient(white, black); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; }

ul, ol { list-style: none; margin:0; padding:0; }
dt { font-weight:normal; }
dt, dd { line-height:1.4; }

/*
select::-ms-expand { display: none; }
select { -o-appearance: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
select { background: url('../img/select-arrow.png') no-repeat calc(100% - 10px) center/20px auto; }
*/

input:-ms-input-placeholder, textarea:-ms-input-placeholder { color:#aaa; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #aaa; }
input::-moz-placeholder, textarea::-moz-placeholder { color: #aaa; }

input:read-only, textarea:read-only { background:#f8f8f8; }
input:-moz-read-only, textarea:-moz-read-only { background:#f8f8f8; }

input:focus { outline:none; border-color:#aaa !important; }
input, textarea, select { width:100%; border:1px solid #ccc; border-radius:3px; resize:none; }
input[type="radio"],
input[type="checkbox"] { width:auto; vertical-align:middle; margin-top:-2px; }


@media (max-width: 767px) {
    html, body { font-size: 14px; }
}