@charset "utf-8";
/* CSS Document */

/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0;}
fieldset,img {border:0 none;vertical-align:top;}
dl,ul,ol,li {list-style:none}
blockquote, q {quotes: none}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}
input,select,textarea,button {vertical-align:middle}
button {border:0 none;background-color:transparent;cursor:pointer}
body {background:#fff}
body,th,td,input,select,textarea,button {font-size:12px;line-height:1.7;font-family: 'Roboto', 'Noto Sans KR', Malgun Gothic,"맑은 고딕",AppleGothic,Dotum,"돋움",sans-serif;color:#000; /* letter-spacing: -0.025em; */}
a {color:#333;text-decoration:none}
a:active, a:hover {text-decoration:none;}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}




/* Noto Sans */
@font-face {
 font-family : "Noto Sans KR";  
 font-weight:400;
  src: url('./font/NotoSansCJKkr-Regular.eot');
  src: url('./font/NotoSansCJKkr-Regular.eot?#iefix') format('embedded-opentype'),
       url('./font/NotoSansCJKkr-Regular.woff2') format('woff2'),
       url('./font/NotoSansCJKkr-Regular.woff') format('woff'),
       url('./font/NotoSansCJKkr-Regular.ttf')  format('truetype'),
       url('./font/NotoSansCJKkr-Regular.svg#svgFontName') format('svg');
} 

@font-face {
 font-family : "Noto Sans KR";  
 font-weight:500;
  src: url('./font/NotoSansCJKkr-Medium.eot');
  src: url('./font/NotoSansCJKkr-Medium.eot?#iefix') format('embedded-opentype'),
       url('./font/NotoSansCJKkr-Medium.woff2') format('woff2'),
       url('./font/NotoSansCJKkr-Medium.woff') format('woff'),
       url('./font/NotoSansCJKkr-Medium.ttf')  format('truetype'),
       url('./font/NotoSansCJKkr-Medium.svg#svgFontName') format('svg');
}

@font-face {
 font-family : "Noto Sans KR";
 font-weight:700;
  src: url('./font/NotoSansCJKkr-Bold.eot');
  src: url('./font/NotoSansCJKkr-Bold.eot?#iefix') format('embedded-opentype'),
       url('./font/NotoSansCJKkr-Bold.woff2') format('woff2'),
       url('./font/NotoSansCJKkr-Bold.woff') format('woff'),
       url('./font/NotoSansCJKkr-Bold.ttf')  format('truetype'),
       url('./font/NotoSansCJKkr-Bold.svg#svgFontName') format('svg');
}
/* Roboto */ 
@font-face {
 font-family : "Roboto";  
 font-weight:400;
  src: url('./font/Roboto-Regular.eot');
  src: url('./font/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
       url('./font/Roboto-Regular.woff2') format('woff2'),
       url('./font/Roboto-Regular.woff') format('woff'),
       url('./font/Roboto-Regular.ttf')  format('truetype'),
       url('./font/Roboto-Regular.svg#svgFontName') format('svg');
} 

@font-face {
 font-family : "Roboto";  
 font-weight:500;
  src: url('./font/Roboto-Medium.eot');
  src: url('./font/Roboto-Medium.eot?#iefix') format('embedded-opentype'),
       url('./font/Roboto-Medium.woff2') format('woff2'),
       url('./font/Roboto-Medium.woff') format('woff'),
       url('./font/Roboto-Medium.ttf')  format('truetype'),
       url('./font/Roboto-Medium.svg#svgFontName') format('svg');
}

@font-face {
 font-family : "Roboto";
 font-weight:700;
  src: url('./font/Roboto-Bold.eot');
  src: url('./font/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
       url('./font/Roboto-Bold.woff2') format('woff2'),
       url('./font/Roboto-Bold.woff') format('woff'),
       url('./font/Roboto-Bold.ttf')  format('truetype'),
       url('./font/Roboto-Bold.svg#svgFontName') format('svg');
}