@charset "utf-8";

/* reset */

@font-face {
    font-family:'Pretendard';
    src: url(../font/Pretendard-Medium.otf) format('opentype');
    font-weight: 400;
}

@font-face {
    font-family:'Noto Sans';
    src: url('https://fonts.googleapis.com/css2?family=Noto+Sans&family=Noto+Serif+KR:wght@700&display=swap') format('opentype');
    font-weight: 400;
}


a:focus {outline: none;}
body,
button, a, input, label, textarea, b, span {font-family: "Pretendard", 'Noto Sans', serif; font-weight:400;}

* {margin:0; padding:0; border:0; outline:0; box-sizing:border-box; color:#333;
-webkit-tap-highlight-color:none; line-height: 1.2; letter-spacing: 0;}

body, html {min-height:100%; background: #fff;}
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%; letter-spacing:normal; font-weight:normal;}
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:normal; border:0;}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
img, video {width:100%; border:0;}
audio, canvas, video {display:inline-block; display:inline; zoom:1;}
img {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, li {list-style:none;}
a {display:block; text-decoration:none; color:inherit;}
i {font-style:normal; font-weight:normal;}

table {border-collapse:collapse; border-spacing:0;}
input, select, label {vertical-align:middle;}
button {cursor: pointer;}
button, input, select, textarea {font-size:100%; margin:0; vertical-align:baseline; *vertical-align:middle;font-weight:normal;letter-spacing:normal; background: none;}
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 {width:4px; height:4px;}
::-webkit-scrollbar-track {background:#f8f8f8;}
::-webkit-scrollbar-thumb {background-color:#e3e3e3;}