@charset "utf-8";
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Jost:wght@600;700&display=swap");

@font-face { 
    font-family: 'Noto Sans KR'; font-style: normal; font-weight: 100;
    src: url('font/NotoSansKR-Thin-Hestia.eot'); 
    src: url('font/NotoSansKR-Thin-Hestia.woff') format('woff'), 
    url('font/NotoSansKR-Thin-Hestia.ttf') format('truetype'); 
}

@font-face { 
    font-family: 'Noto Sans KR'; font-style: normal; font-weight: 200; 
    src: url('font/NotoSansKR-Light-Hestia.eot'); 
    src: url('font/NotoSansKR-Light-Hestia.woff') format('woff'), 
    url('font/NotoSansKR-Light-Hestia.ttf') format('truetype'); 
}

@font-face { 
    font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; 
    src: url('font/NotoSansKR-DemiLight-Hestia.eot'); 
    src: url('font/NotoSansKR-DemiLight-Hestia.woff') format('woff'), 
    url('font/NotoSansKR-DemiLight-Hestia.ttf') format('truetype'); 
}

@font-face { 
    font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400; 
    src: url('font/NotoSansKR-Regular-Hestia.eot'); 
    src: url('font/NotoSansKR-Regular-Hestia.woff') format('woff'), 
    url('font/Noto_Sans_KR_Regular.ttf') format('truetype'); 
}

@font-face { 
    font-family: 'Noto Sans KR'; font-style: normal; font-weight: 500; 
    src: url('font/NotoSansKR-Medium-Hestia.eot'); 
    src: url('font/NotoSansKR-Medium-Hestia.woff') format('woff'), 
    url('font/NotoSansKR-Medium-Hestia.ttf') format('truetype'); 
}

@font-face { 
    font-family: 'Noto Sans KR'; font-style: normal; font-weight: 600; 
    src: url('font/NotoSansKR-Bold-Hestia.eot'); 
    src: url('font/NotoSansKR-Bold-Hestia.woff') format('woff'), 
    url('font/NotoSansKR-Bold-Hestia.ttf') format('truetype'); 
}

@font-face {
    font-family: 'Noto Sans KR'; font-style: normal; font-weight: 700;
    src: url('font/NotoSansKR-Black-Hestia.eot'); 
    src: url('font/NotoSansKR-Black-Hestia.woff') format('woff'),
    url('font/NotoSansKR-Black-Hestia.ttf') format('opentype');
}


/* css reset */
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%}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section{display: block}
body,input,textarea,select,button,table{font-family: 'Noto Sans KR', 'Roboto', sans-serif; color: #333; letter-spacing: -0.0625em; box-sizing: border-box; font-weight: 500;}
div, a, label{box-sizing: border-box;}
button {overflow: visible; cursor: pointer; border: none; background-color: transparent; appearance: none}
h1,h2,h3,h4,h5,h6{font-weight: normal}
address,i{font-style: normal}
table{border-collapse: collapse; table-layout: fixed; word-wrap: break-word}
ol, ul{list-style: none}
img{border: 0; vertical-align: top}
a{color: #333; text-decoration: none; transition: all .3s;}
a:hover{color:#005ad4;}
.hidden{position: absolute; left: -1000%; top: 0; display: block; width: 1px; height: 1px; color: #fff; overflow: hidden; font-size: 0; display: none;}
*:focus {outline: none}
::selection {background: rgba(0, 0, 0, 0.1); color: #fff}
.ui-widget,
.ui-widget table,
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
    font-family: 'Roboto','Noto Sans KR',sans-serif!important;
}
select {
    letter-spacing: 0;
}