@charset "utf-8";

@font-face {
	font-family:'Noto Sans KR';
    font-style:normal;
    font-weight:300;
    src:url('../fonts/NotoSans-Light.woff2') format('woff2'),
        url('../fonts/NotoSans-Light.woff') format('woff'),
		url('../fonts/NotoSans-Light.otf') format('opentype');
}
@font-face {
	font-family:'Noto Sans KR';
    font-style:normal;
    font-weight:400;
    src:url('../fonts/NotoSans-Regular.woff2') format('woff2'),
    	url('../fonts/NotoSans-Regular.woff') format('woff'),
        url('../fonts/NotoSans-Regular.otf') format('opentype');
}
@font-face {
	font-family:'Noto Sans KR';
    font-style:normal;
    font-weight:600;
    src:url('../fonts/NotoSans-Medium.woff2') format('woff2'),
    	url('../fonts/NotoSans-Medium.woff') format('woff'),
		url('../fonts/NotoSans-Medium.otf') format('opentype');
}

html {}
body {width:100%; height:100%; margin:0; padding:0;border:0 none; word-break:break-all}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, th, td, p, button {margin: 0; padding: 0;}
table {border-collapse:collapse; border-spacing:0; table-layout:fixed; width:100%; }
fieldset, img, abbr, acronym {border:0 none;}
address, caption, cite, code, dfn, em, var, ins {font-style:normal;}
/* HTML5 reset */
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption {display:block; margin:0; padding:0;}

*{
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
ol, ul, li{list-style-type:none; list-style:none}
a{color:inherit; text-decoration:none;}
a:hover, a:active, a:focus{text-decoration:none;}
a[onclick] {cursor:pointer;}

/* [오상자이엘] 24.01.16 (통합포탈 CSS 웹표준 검사) font-family 폰트별 싱글쿼테이션 빠짐 */
html, body{margin:0; padding:0; height:100%; width:100%;
font-family:'Malgun Gothic', 'Noto Sans KR', 'sans-serif', 'Nanum Gothic', 'dotum', 'gulim'; color:#666666; padding:0; margin:0 auto; font-size:13px; letter-spacing:-1px; font-weight:400; word-break:break-all;}
table {width:100%; border-collapse:collapse; border:0;}
legend {position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;}
caption {display:table-caption; width:0; height:0; line-height:0; font-size:0; overflow:hidden; text-align:left;}
hr {display:none;}
em,i {color:inherit; font-weight:normal; font-style:normal}
img{border:0; vertical-align:middle;}
button {border:0 none; background:transparent; cursor:pointer;}
button::-moz-focus-inner { padding: 0; border: 0 none; }
input[type="radio"], input[type="checkbox"] {width:13px; height:13px; vertical-align:middle;}
input[type="text"], input[type="password"] {border:1px solid #ddd; padding:2px; letter-spacing:-0.5px;}
textarea{overflow:auto; padding:5px; border:1px solid #ddd}

.hidden {position:absolute; width:0; height:0; line-height:0; font-size:0; overflow:hidden;}
.over_h {overflow:hidden}

.clear{clear:both !important;;}
.f_none {float:none !important;;}
.f_left {float:left !important; }
.f_right {float:right !important; }
.clear_box:after{content:""; display:block; clear:both;}

.al_c { text-align:center !important;}
.al_l { text-align:left !important;}
.al_r { text-align:right !important;}
.al_t { vertical-align:top !important;}
.al_b { vertical-align:bottom !important;}
.al_m { vertical-align:middle !important;}

.txt_c{text-align:center !important;}
.txt_l{text-align:left !important;}
.txt_r{text-align:right !important;}

/* display */
.block {display:block !important;}
.inblock {display:inline-block !important;}