/* reset scss */
@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800&display=swap');

@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}


/* reset */
* {margin:0; padding:0; border:0; outline:0; box-sizing:border-box; color:#36383F;
-webkit-tap-highlight-color:none; line-height: 1.2; letter-spacing: -0.3px;}

body, html {font-family: 'Montserrat', sans-serif; min-height:100%; font-weight: 600; 
    -webkit-font-smoothing: inherit; -moz-osx-font-smoothing: inherit;}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline;}

h1, h2, h3, h4, h5, h6 {font-size:100%;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {font-family: 'Montserrat', sans-serif;}

fieldset, img, abbr,acronym {border:0 none;}

table {border-collapse:separate; border-spacing:0; border:0 none;}
caption, th, td {text-align:left; font-weight:600; border:0;}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
img, video {border:0;}
audio, canvas, video {display:inline-block; display:inline; zoom:1;}
img {display: block; image-rendering:-moz-auto;/*firefox*/
image-rendering:-o-auto;/*opera*/
image-rendering:-webkit-optimize-contrast;/*webkit*/
image-rendering:auto;
-ms-interpolation-mode:nearest-neighbor; -webkit-perspective:1;}
ul, ol, dl {list-style:none;}
a {display:block; text-decoration:none; color:inherit;}
i {display:block; font-style:normal; font-weight:600;}

table {border-collapse:collapse; border-spacing:0;}
input, select, label {vertical-align:middle;}
button, input, select, textarea {font-size:100%; margin:0; vertical-align:baseline; *vertical-align:middle;font-weight:600;background: none; font-family: 'Montserrat', sans-serif;}
button, input {line-height:normal; box-shadow: none;}
input {-webkit-appearance:none; -webkit-border-radius:0;}
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;}
button, select {text-transform:none;}
button::-moz-focus-inner, input::-moz-focus-inner {border:0; padding:0;}
textarea {overflow:auto; resize:none}
address{font-style:normal;}
.clear::after{content:""; display:block; clear:both;}

::-webkit-scrollbar-track {background-color:#fefefe;}
::-webkit-scrollbar {width: 6px; height: 6px;}
::-webkit-scrollbar-thumb {background-color:#e1e1e1}