@charset "utf-8";

/* reset
------------------------------------------------------------------------------------------------- */
    html ,body {margin:0; padding:0;font-size:10px;font-weight:400;color:#222;font-family:"NotoSans", "본고딕", Dotum, "돋움", Gulim, "굴림", Tahoma, Verdana, AppleGothic, UnDotum, Arial; -webkit-text-size-adjust:none;}
    #wrap{font-size:1.6rem;}
    div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,select,textarea,span,em,strong {margin:0; padding:0;box-sizing:border-box; -webkit-text-size-adjust:none;}
    th,td, input,textarea,select,button {box-sizing:border-box;font-size:1em;font-family:"NotoSans", "본고딕", Dotum, "돋움", Gulim, "굴림", Tahoma, Verdana, AppleGothic, UnDotum, Arial; -webkit-text-size-adjust:none;}
    th,td {word-break:break-all; word-wrap:break-word; -webkit-text-size-adjust:none;}
    table {border-spacing:0; border-collapse:collapse; -webkit-text-size-adjust:none; border:0; table-layout:fixed;}
    address,caption,cite,code,dfn,em, var {font-style:normal; font-weight:normal; -webkit-text-size-adjust:none;}
    em {font-weight:inherit;}
    ol,ul ,li {list-style:none;}
    h1,h2,h3,h4,h5,h6 {font-size:100%;}
    abbr,acronym {border:0;}
    legend, caption {  line-height:0; width:0; height:0; margin:0; padding:0; text-indent:-99999px; overflow:hidden; font-size:0;}
    img, fieldset {border:0 none;}

	.sr-only{display:inline !important;position: absolute !important;width: 1px !important;height: 1px !important;padding: 0 !important;margin: -1px !important;overflow: hidden !important;clip-path: inset(50%);border: 0 !important;clip: rect(0 0 0 0);}
	
	a {color:#222;box-sizing:border-box;}
    a:link, a:visited, a:hover {color:#222; text-decoration:none;}
    a:active {text-decoration:none;}
    .hidden_obj{position:absolute; visibility:hidden !important;overflow:hidden !important;height:0 !important;line-height:0 !important;width:0 !important;margin:0 !important;padding:0 !important;font-size:0 !important;}
    input, img {vertical-align:middle;}

    input, button {border-radius:0; /* -webkit-appearance:none; */ border:0;}
    button {border:0; background-color:transparent; padding:0; margin:0; cursor:pointer;}
    input[type=submit] {border:0; width:100%; padding:0;cursor:pointer;}
    textarea {resize:none; border:0;}
	label{vertical-align:middle;}

	input[type=button], input[type=submit], input[type=text], input[type=password], input[type=text], textarea{-webkit-appearance:none;-webkit-border-radius:0;}

    /* html5 */
    article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {display:block;margin:0;padding:0;}

	/* font */
	@font-face{
		font-family:"NotoSans";		
		font-style:normal;
		font-weight:400;
		src:url("font/NotoSans-DemiLight.eot");
		src:url("font/NotoSans-DemiLight.eot?#iefix") format('embedded-opentype'),
			url("font/NotoSans-DemiLight.woff2")format('woff2'),
			url("font/NotoSans-DemiLight.woff") format('woff'),
			url("font/NotoSans-DemiLight.otf") format('opentype');
	}

	@font-face{
		font-family:"NotoSans";		
		font-style:normal;
		font-weight:500;
		src:url("font/NotoSans-Regular.eot");
		src:url("font/NotoSans-Regular.eot?#iefix") format('embedded-opentype'),
			url("font/NotoSans-Regular.woff2") format('woff2'),
			url("font/NotoSans-Regular.woff") format('woff'),
			url("font/NotoSans-Regular.otf") format('opentype');
	}

    /*div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,select,textarea,th,td, input,textarea,select,button,span, strong, em{line-height:1em;}*/
	table, table th,  table td{box-sizing:border-box;font-weight:400;}
	
	/* skip_menu */
	#skip_menu{position:fixed;top:-1px;left:0;width:100%;height:auto;text-align:center;z-index:9999}
	#skip_menu a{display:block;position:absolute;top:-30px;width:100%;height:1px;line-height:1px;background:#000;color:#fff;font-size:1.5rem;text-align:center}
	#skip_menu a:focus{top:0px;height:30px;line-height:2.1;z-index:9999}