@charset "utf-8";

/* font */ 
@font-face {
	font-family:'NanumGothic'; 
	src: url('/web/css/NanumGothic.ttf');
}

/* ÃʱâÈ­ */
html{overflow-y:scroll}
body,ul,li{margin:0;padding:0;font-size:12px;font-family:'dotum';list-style:none}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img, dl, dt, dd, il, ul, li{margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6{font-size:1em;font-weight:normal}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block}

legend{overflow:hidden;position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em}
label, input, button, select, img{vertical-align:middle}
input {margin:0;padding:0;border-radius:0;font-size:1em}
input[type=text],input[type=password],textarea,select{border:1px solid #DDD;padding:0 3px}
input[type=text],input[type=password],input[type=submit],input[type=image],input[id=stx],textarea{-webkit-appearance:none}
button {border-radius:0;font-size:1em;-webkit-appearance:none;}
button{cursor:pointer}
textarea,select,input{font-family:inherit;font-size:1em}
select{height:22px;margin:0}

p{margin:0;padding:0;word-break:break-all}
hr{display:none}
pre{margin:0;padding:0;line-height:0.65em;font-size:1em;font-family:'dotum'}
a{cursor:pointer}
a:link, a:visited{color:#000;text-decoration:none}
a:hover, a:focus, a:active{color:#000;text-decoration:none}



/* ============================ Å×À̺í */ 
#total {position:static;}
#subtitle {margin-left:10px; background-color:#e3e3e3;}
#board_login div.wrap_nj {height:60px;background-color:#FBD89B}
#board_login div.n_left {padding:10px; float:left; margin-left: 20px;}
#board_login ul li{float:left; margin-left:10px;margin-top:2px;margin-bottom:2px;line-height:40px;text-align:center;}
#board_login div.n_right {padding:10px; float:right; margin-right: 10px;}
#board_login ul#title1 li a {line-height:50px; font-size:25px;font-weight:bold;color:black;}
#board_login div.n_right ul.login li {font-size:10px; color:black; font-weight:bold; line-height:50px;}
#footer ul li{float:left; margin-left:10px;margin-top:10px;line-height:25px;margin-bottom:10px;}



@media screen and (max-width:1920px) {
		
		div#main {
		  display:block;
		}

		div#sub {
		  display:none;
		}
		
		div#logout {
			display:none;
		}
		
		span#logout1 {
			display:block;
		}
}

@media screen and (max-width:600px) {
		
		div#main {
		  display:none;
		}

		div#sub {
		  display:block;
		}
		
		div#logout {
			display:block;
		}
		
		span#logout1 {
			display:none;
		}
		
		div#footer {
			display:none;
		}
		span#greet1 {
			display:none;
		}
		
}