@charset "utf-8";
:root {
    color-scheme: light only;
}
html{-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; color: #000; font-size: 18px; word-break: keep-all; }
html, body{width: 100%; height: 100%; }
html, input, button, select, textarea, optgroup{font-family: 'Noto Sans KR', dotum, sans-serif; line-height: 1.45; }
button{cursor: pointer; }
button, input, select, textarea{outline: none; }
button, img, iframe, input, select, textarea{border: 0; }
button, a{background-color: transparent; }
a{text-decoration: none; -webkit-text-decoration-skip: objects; }
a, input, button, select, textarea{color: inherit; }
a, span, strong, small, label, i, img{display: inline-block; }
a, span, strong, small, label, i, img{vertical-align: basline; }
textarea{resize: none; }
table{border-collapse: collapse; border-spacing: 0; }
h1{font-size: 2em; }
small{font-size: 80%; }
hr{border: 0; border-bottom: 1px dashed #aaa; }
em{ font-style: normal; }
button, input, select, option, textarea{font-size: 100%; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary, form, iframe{display: block; }
button, input, textarea, option, td, th, ul, ol, li{padding: 0; }
body, p, pre, h1, h2, h3, h4, h5, h6, form, ul, ol, li, input[type='radio'], input[type='checkbox'], textarea{margin: 0; }
ul, li{list-style: none; }
input::-ms-clear {display: none; }
select::-ms-value {background: none; color: inherit; }
input, select, button, textarea {appearance: none; -moz-appearance: none; -webkit-appearance: none; }
input, textarea{border-radius: 0; }
i{ vertical-align: middle; margin-right:5px; font-family: "Material Icons"; font-weight: normal; font-style: normal; font-size: 20px; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; font-feature-settings: "liga"; }
html{scrollbar-track-color: #ededed; scrollbar-base-color: #fff; scrollbar-face-color: #fff; scrollbar-shadow-color: #aaa; scrollbar-arrow-color: #aaa; scrollbar-3dlight-color: #ededed; scrollbar-highlight-color: #ededed; /* -ms-overflow-style:-ms-autohiding-scrollbar; -ms-overflow-style: none; */ }
::-webkit-scrollbar{background-color: #ededed; }
::-moz-selection{background-color: #555; color:#fff; }
::selection{background-color: #555; color:#fff; }
.bs-bb{-webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.hidden{display: none; }
.wide-img{display: block; width: 100%; }
.clear:after{content: ""; display: block; clear: both; }
.fs-i{font-style: italic; }
.fadeInLeft {-webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; }
.fadeOutLeft {-webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; }
@-webkit-keyframes fadeInLeft {
    from {opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
    to {opacity: 1; -webkit-transform: none; transform: none; }
}
@keyframes fadeInLeft {
    from {opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
    to {opacity: 1; -webkit-transform: none; transform: none; }
}
@-webkit-keyframes fadeOutLeft {
    from {opacity: 1; }
    to {opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
}
@keyframes fadeOutLeft {
    from {opacity: 1; }
    to {opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
}
/**
 * ___ layout __________________________________________________________________________________
 * _____________________________________________________________________________________________
 */