@charset "utf-8";
/*접근성 스킵메뉴*/
#skipnavigation a {position:absolute;left:-3000%;}
#skipnavigation a:focus {display:block;left:0;top:0;z-index:10000000000;width:100%;height:30px;line-height:30px;background:#00356f;color:#fff;text-align:center;}
	
/* 폰트 */
@font-face {
  font-family: 'NotoSansL';
  font-style: normal;
  font-weight: 300;
  src: url(/usr/font/NotoSansCJKkr-Light.woff2) format('woff2'),
       url(/usr/font/NotoSansCJKkr-Light.woff) format('woff'),
       url(/usr/font/NotoSansCJKkr-Light.otf) format('opentype');
}
@font-face {
   font-family: 'NotoSans';
   font-style: normal;
   font-weight: 400;
   src: url(/usr/font/NotoSansCJKkr-Regular.woff2) format('woff2'),
        url(/usr/font/NotoSansCJKkr-Regular.woff) format('woff'),
        url(/usr/font/NotoSansCJKkr-Regular.otf) format('opentype'),
		url(/usr/font/NotoSansCJKkr-Regular.eot);
 }
@font-face {
   font-family: 'NotoSansM';
   font-style: normal;
   font-weight: 500;
   src: url(/usr/font/NotoSansCJKkr-Medium.woff2) format('woff2'),
        url(/usr/font/NotoSansCJKkr-Medium.woff) format('woff'),
        url(/usr/font/NotoSansCJKkr-Medium.otf) format('opentype');
 }
@font-face {
  font-family: 'NotoSerifL';
  font-style: normal;
  font-weight: 300;
  src: url(/usr/font/NotoSerifKR-Light.woff2) format('woff2'),
       url(/usr/font/NotoSerifKR-Light.woff) format('woff'),
       url(/usr/font/NotoSerifKR-Light.otf) format('opentype');
}
@font-face {
   font-family: 'NotoSerif';
   font-style: normal;
   font-weight: 400;
   src: url(/usr/font/NotoSerifKR-Regular.woff2) format('woff2'),
        url(/usr/font/NotoSerifKR-Regular.woff) format('woff'),
        url(/usr/font/NotoSerifKR-Regular.otf) format('opentype'),
		url(/usr/font/NotoSansCJKkr-Regular.eot);
 }
@font-face {
   font-family: 'NotoSerifM';
   font-style: normal;
   font-weight: 500;
   src: url(/usr/font/NotoSerifKR-Medium.woff2) format('woff2'),
        url(/usr/font/NotoSerifKR-Medium.woff) format('woff'),
        url(/usr/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{
	margin: 0;
	outline: 0;
	border: 0;
	padding: 0;
	vertical-align: top;
	background: transparent;
}

input[type="text"], input[type="password"], input[type="button"], input[type="checkbox"], input[type="email"], input[type="file"], input[type="hidden"], input[type="image"], input[type=number], input[type="search"], input[type="reset"]{outline: 0;}



h4, h5 {width:0;height:0;overflow:hidden;}

body{-webkit-text-size-adjust: none;-moz-text-size-adjust: none;-ms-text-size-adjust: none;}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { display: block; }

strong{font-weight: bold;}
input, textarea, button, select { -webkit-border-radius: 0;}

/* 리스트의 스타일 제거 */
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;
   -webkit-border-radius: 0;
}

textarea {outline:none;}
input.radio {vertical-align:middle;  color: #71777c;
  text-decoration: none;
box-sizing: border-box;
    margin: 0;

}

input[type=text], input[type=password], input[type=search]{border:1px solid #ddd; background:#fff; 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 6px 4px; border:1px solid #ddd;  background-color: #fff;}
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;}

a:focus{
  color: #71777c;
  text-decoration: none;
  box-sizing: border-box,
outline:#a2c5fe dotted medium;
outline-offset:-3px
}


input:focus {
  color: #71777c;
  text-decoration: none;
  box-sizing: border-box;
outline:#a2c5fe dotted medium;
outline-offset:-3px
}

figure {margin:0;padding:0}




/* hidden 처리 */
caption,figcaption{/*width:0;height:0;font-size:0;line-height:0;overflow:hidden;visibility:hidden;*/position:absolute;left:-99999px}
legend{width:0;height:0;font-size:0;line-height:0;overflow:hidden;visibility:hidden;}
.hide,hr{position:absolute;top:0;left:-999999px;width:0;height:0;font-size:0;line-height:0;overflow:hidden; /* visibility:hidden; */}
.readonly{position:absolute;top:0;left:-9999px;width:0;height:1px;overflow:hidden;}