@charset "utf-8";

/* 폰트 */
@font-face {
  font-family: 'NotoSansL';
  font-style: normal;	
  font-weight: 300;
  src: url(../font/NotoSansCJKkr-Light.woff2) format('woff2'),
       url(../font/NotoSansCJKkr-Light.woff) format('woff'),
       url(../font/NotoSansCJKkr-Light.otf) format('opentype');
}
@font-face {
   font-family: 'NotoSans';
   font-style: normal;
   font-weight: 400;
   src: url(../font/NotoSansCJKkr-Regular.woff2) format('woff2'),
        url(../font/NotoSansCJKkr-Regular.woff) format('woff'),
        url(../font/NotoSansCJKkr-Regular.otf) format('opentype'),
	    url(../font/NotoSansCJKkr-Regular.eot);
 }
@font-face {
   font-family: 'NotoSansM';
   font-style: normal;
   font-weight: 500;
   src: url(../font/NotoSansCJKkr-Medium.woff2) format('woff2'),
        url(../font/NotoSansCJKkr-Medium.woff) format('woff'),
        url(../font/NotoSansCJKkr-Medium.otf) format('opentype');
 }
@font-face {
  font-family: 'NotoSerifL';
  font-style: normal;
  font-weight: 300;
  src: url(../font/NotoSerifKR-Light.woff2) format('woff2'),
       url(../font/NotoSerifKR-Light.woff) format('woff'),
       url(../font/NotoSerifKR-Light.otf) format('opentype');
}
@font-face {
   font-family: 'NotoSerif';
   font-style: normal;
   font-weight: 400;
   src: url(../font/NotoSerifKR-Regular.woff2) format('woff2'),
        url(../font/NotoSerifKR-Regular.woff) format('woff'),
        url(../font/NotoSerifKR-Regular.otf) format('opentype'),
	   	url(../font/NotoSansCJKkr-Regular.eot);
 }
@font-face {
   font-family: 'NotoSerifM';
   font-style: normal;
   font-weight: 500;
   src: url(../font/NotoSerifKR-Medium.woff2) format('woff2'),
        url(../font/NotoSerifKR-Medium.woff) format('woff'),
        url(../font/NotoSerifKR-Medium.otf) format('opentype');
 }



/*기본태그 정의*/
html, body {padding:0;margin:0;height:100%;}
body, td, select, textarea, input {font-family:'NotoSans', 'Dotum', 'verdana',Sans-serif; color:#222;}
html, body, div, span,  applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, 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, input{
	margin: 0;
	outline: 0;
	border: 0;
	padding: 0;
	vertical-align: top;
	background: transparent;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { display: block; }

/* 리스트의 스타일 제거 */
ol, ul {list-style:none;}

/* 테이블 스타일 초기화 */
table {border-collapse:collapse; border-spacing:0;table-layout:fixed;}

/* 이미지 및 필드셋에서 보더 표시 초기화 */
fieldset, img,iframe {border:0;}
img{vertical-align:top;}

/* 캡션 텍스트 정렬 초기화 */
caption {text-align:left;}

/* 폼태그의 초기화 */
select {vertical-align:middle;}
input {vertical-align:middle;}

textarea {outline:none;}
input.radio {vertical-align:middle;}

input[type=text], input[type=password]{border:1px solid #ddd; background:#fff; height:32px; line-height:30px; padding:0 5px; box-sizing:border-box;}
input[type=file]{border:1px solid #ddd; background:#fff; height:32px; line-height:31px; padding:0 5px;  box-sizing:border-box;}
select{padding:6px 4px 5px 4px; border:1px solid #ddd; }
input[type=text]:focus, input[type=password]:focus{border:1px solid #a7a7a7; background:#fafafa; box-shadow:2px 2px 6px #d3d3d3 inset; }
textarea:focus{border:1px solid #a7a7a7; background:#fafafa; box-shadow:2px 2px 6px #d3d3d3 inset; }

a:link{text-decoration:none; color:#222;}
a:active{text-decoration:none; color:#222;}
a:visited{text-decoration:none; color:#222;}
a:hover{text-decoration:none; color:#222;}

/* hidden 처리 */
caption{width:0;height:0;font-size:0;line-height:0;overflow:hidden;visibility:hidden;}
legend{width:0;height:0;font-size:0;line-height:0;overflow:hidden;visibility:hidden;}
.hide,hr{position:absolute;top:0;width:0;height:0;font-size:0;line-height:0;overflow:hidden;visibility:hidden;}