@CHARSET "UTF-8";
/* 초기화 CSS */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url(../../fonts/NotoSansKR-Thin.woff) format('woff'),
       url(../../fonts/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url(../../fonts/NotoSansKR-Thin.woff2) format('woff2'),
       url(../../fonts/NotoSansKR-Thin.woff) format('woff'),
       url(../../fonts/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(../../fonts/NotoSansKR-Light.woff2) format('woff2'),
       url(../../fonts/NotoSansKR-Light.woff) format('woff'),
       url(../../fonts/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 400;
   src: url(../../fonts/NotoSansKR-Regular.woff2) format('woff2'),
        url(../../fonts/NotoSansKR-Regular.woff) format('woff'),
        url(../../fonts/NotoSansKR-Regular.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 500;
   src: url(../../fonts/NotoSansKR-Medium.woff2) format('woff2'),
        url(../../fonts/NotoSansKR-Medium.woff) format('woff'),
        url(../../fonts/NotoSansKR-Medium.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 700;
   src: url(../../fonts/NotoSansKR-Bold.woff2) format('woff2'),
        url(../../fonts/NotoSansKR-Bold.woff) format('woff'),
        url(../../fonts/NotoSansKR-Bold.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 900;
   src: url(../../fonts/NotoSansKR-Black.woff2) format('woff2'),
        url(../../fonts/NotoSansKR-Black.woff) format('woff'),
        url(../../fonts/NotoSansKR-Black.otf) format('opentype');
 } 



html, body, div, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, input, 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%; font: inherit; vertical-align: middle; box-sizing: border-box; font-family:'Noto Sans KR', sans-serif; font-size: 15px; color: #555; 
}
span {
	margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: top; box-sizing: border-box;
}
/* 그리드 안 btn */
.btn_grid {
	cursor: pointer; line-height: 20px; display: inline-block; text-align: center; padding: 0 8px; border: 1px solid #d2d3d6; border-radius: 3px; font-size: 12px;
}
*,:after,:before,::after,::before{box-sizing:border-box;-webkit-text-size-adjust:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body {
	font-family:'Noto Sans KR', sans-serif; font-size: 15px; color: #555; 
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, div {
	display: block;
}

ol, ul, li {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: ''; content: none;
}

table {
	border-collapse: collapse; border-spacing: 0;
}

caption, hr, legend {
	display: none;
}

a {
	font-size: 15px; color: #666; text-decoration: none; display: inline-block; vertical-align: top; cursor: pointer;
}


img, button {
	display: inline-block; vertical-align: middle; outline: 0; color: #666;
}

select {
	padding: 3px; outline: 0; font-size: 13px; color: #666; text-decoration: none; line-height: 18px; vertical-align: middle; border-color: #d9d9d9; height: 30px;
}

a, img {
	border: 0; outline: none;
}

input {
	font-size: 13px; color: #666; padding: 4px; white-space: normal; outline-style: none; resize: none; background-color: #fff; border: 1px solid #d9d9d9; height: 30px;
}

input[type=radio], input[type=checkbox]{
	height:auto;
}

textarea{
	vertical-align: middle; box-sizing: border-box; font-size: 13px; color: #666; padding: 4px; border: 1px solid #d9d9d9; font-family: 'Noto Sans KR';
}

strong {
	font-weight:bold;
}


[multiple], [type=date], [type=email], [type=month], [type=number], [type=password], [type=search], [type=text], [type=time], [type=url], [type=week], select, textarea {
	background-color: #fff;
}