@charset "utf-8";
@import url(layout.css);
@import url(global.css);
@import url(table.css);
@import url(btn.css);
@import url(fonts.css);


body{
	overflow:auto !important;
	background:#ffffff;
	font-size:12px;color:#000;
	font-family:'Malgun Gothic','맑은 고딕','malgungothic','맑은고딕','Nanum Gothic','나눔 고딕';
}


img{border:0;vertical-align:middle}

a{text-decoration:none;}
a:link,
a:visited{color:#333333}
a:hover,
a:active{color:#444444}



#wrap, #container{
	width:100%;min-width:1500px;
}
#container{
	width:100%;
}

#header{
	position:fixed;
	top:0px;left:0px;
	width:100%;
	z-index:999
}
#body{
	margin:170px auto 0;
}
#body .content{
	width:1500px;
	margin:0 auto
}

#container{
	position:relative;
}

/* navigate */

h2{
	margin-bottom:0.5%;padding:4px 0 8px 10px;
	background:#494949;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
	font-size:11px;
	color:#fff;
}

h3{
	width:99.4%;
	margin:0.2% auto 6px;padding:0.3% 0.3%;
	background:#0D7070;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	font-size:1em;
	color:#fff;
}

h3 i{
	margin-right:4px;
	color:#fff;	
}


/* header */
.gnb{
	overflow:hidden;
	background:#191919;
	border-bottom:1px solid #d2b781;
	/* display: flex;
	justify-content: end; */
}
.monitor{
	display:inline;
	overflow:hidden;
	float:left;
	margin-left:11%;
	/* margin-right:40px; */
	border-radius:0 0px 5px 5px;
	background:#232323
}
.monitor li{
	display:inline;
	overflow:hidden;
	float:left;
	margin-right:30px;padding:3px 6px 4px 6px;
	color:#ccc !important;
	font-size:13px;
}
.monitor li:last-child{
	margin-right:0px;
}
.monitor li a{
	display:inline-block;
	background-color:#08f;
    min-width: 15px;height:18px;
    line-height:18px;
    border-radius:20px;
	padding:1px;
	padding:0 5px;
	font-size:13px;color:#ffdd00
}
.monitor li i{
	margin-right:4px;
	font-size:9px;color:#999;
}

@keyframes fade {
0%   {opacity:0.5;}
50%   {opacity:1;}
100% {opacity:0.5;}
}

@-webkit-keyframes fade {
0%   {opacity:0.5;}
50%   {opacity:1;}
100% {opacity:0.5;}
}

@-moz-keyframes fade {
0%   {opacity:0.5;}
50%   {opacity:1;}
100% {opacity:0.5;}
}

@-o-keyframes fade {
0%   {opacity:0.5;}
50%   {opacity:1;}
100% {opacity:0.5;}
}

.mainmenu{
	height:76px;	
	background:#7c4915
}
.menu{
	display:block;
	width:1500px;
	margin:0 auto;
}
.menu li{
	display:inline;
	float:left;
}
.menu > li{
	height:43px;
	line-height:38px;
}
.menu li span{
	padding:0 14px;
	color:#fff;
	font-size:15px;
	font-weight:bold;
	text-shadow:0 -1px #121f1a;
}
.menu li:hover span{
	color:#ffff00;
}
.menu > li > a{
	display:inline-block;
	overflow:hidden !important;
}

.menu > ul{
	display:none;
	position:absolute;
	top:42px/*서브메뉴높이*/;width:1500px
}
#sub_menu1,#sub_menu2,#sub_menu3,#sub_menu4,#sub_menu5,#sub_menu6,#sub_menu7,#sub_menu8,#sub_menu9,#sub_menu10,#sub_menu11,#sub_menu12,#sub_menu13,#sub_menu14{
	display:none;
	position:absolute;
	top:63px/*서브메뉴높이*/;width:1500px
}

#sub_menu1 li a,#sub_menu2 li a,#sub_menu3 li a,#sub_menu4 li a,#sub_menu5 li a,#sub_menu6 li a,
#sub_menu7 li a,#sub_menu8 li a,#sub_menu9 li a,#sub_menu10 li a,#sub_menu11 li a,#sub_menu12 li a, #sub_menu13 a, #sub_menu14 li a{
	margin:0 2px;padding:2px 6px 3px 6px;
	background:rgba(0,0,0,0.25);
	border-radius:3px;
	font-size:13px;
	color:#fff;text-shadow:0 0 0 1px #000
}

#sub_menu1 li a:hover,#sub_menu2 li a:hover,#sub_menu3 li a:hover,#sub_menu4 li a:hover,#sub_menu5 li a:hover,#sub_menu6 li a:hover,
#sub_menu7 li a:hover,#sub_menu8 li a:hover,#sub_menu9 li a:hover,#sub_menu10 li a:hover,#sub_menu11 li a:hover,#sub_menu12 li a:hover, #sub_menu13, #sub_menu14 li a:hover{
	color:#ffdd00 !important;
}

#sub_menu9{
	margin-left:-250px;
}

#sub_menu5{
	margin-left:-100px;
}

#sub_menu10{
	margin-left:-230px;
}

#sub_menu12{
	margin-left:-600px;
}

#sub_menu13{
	margin-left:-200px;
}

#sub_menu4{
	margin-left:-10px;
}

/* #sub_menu13{
	margin-left:-300px;
} */

#sub_menu14{
	margin-left:-100px;
}

.mainmenu a.on{
	border-top:1px solid #ffff00;
	background:rgba(0,0,0,0.25);
	-webkit-border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;-o-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;
}
.mainmenu a.on span{
	color:#ffdd00;
}

.gmenu{
	display:inline;
	overflow:hidden;
	float:right;
}
.gmenu li{
	display:inline;
	overflow:hidden;
	float:left;
	height:28px;
	border-left:1px solid #333;
}
.gmenu a{
	display:block;
	padding:5px 5px 7px 5px;
	text-align:center;
	color:#ccc !important;
	cursor:pointer
}
.gmenu a:hover{
	color:#fff !important;
}

.gmenu i{
	margin-right:4px;
}
.gmenu .fc_yellow{
	color:#ffff00
}

.site_monitor{
	overflow:hidden;
	width:1500px;
	margin:0px auto;padding:0px;
	-webkit-border-radius:0 0 3px 3px;-moz-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px;
	border-left:1px solid #393939;border-right:1px solid #393939;border-bottom:2px solid #393939;
	background:#ffffff;
	text-align:left
}
.site_monitor dl{
	display:inline;
	overflow:hidden;	
	float:left;
	width:201px;
	border-right:1px solid #393939;
	font-size:11px;
}
.site_monitor dt{
	display:inline;
	overflow:hidden;	
	float:left;
	width:39%;
	padding:4px 0;
	background:#dce7e8;
	color:#02250e;
	text-align:center;font-weight:bold;letter-spacing:-1px
}
.site_monitor dd{
	display:inline;
	overflow:hidden;	
	float:left;
	width:59%;
	padding:4px 2% 4px 0;
	text-align:right;
}

.site_monitor button.refresh{
	float:right;
	width:84px;height:68px;	
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #41464d), color-stop(1, #1a2027));
	background:-moz-linear-gradient(top, #41464d 5%, #1a2027 100%);
	background:-webkit-linear-gradient(top, #41464d 5%, #1a2027 100%);
	background:-o-linear-gradient(top, #41464d 5%, #1a2027 100%);
	background:-ms-linear-gradient(top, #41464d 5%, #1a2027 100%);
	background:linear-gradient(to bottom, #41464d 5%, #1a2027 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#41464d', endColorstr='#1a2027',GradientType=0);
	background-color:#1a2027;
	border:1px solid #000;
	color:#ccc;

}
.site_monitor button.refresh i{
	display:block;
	margin:0 auto;
}
.site_monitor button.refresh:hover{
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #1a2027), color-stop(1, #41464d));
	background:-moz-linear-gradient(top, #1a2027 5%, #41464d 100%);
	background:-webkit-linear-gradient(top, #1a2027 5%, #41464d 100%);
	background:-o-linear-gradient(top, #1a2027 5%, #41464d 100%);
	background:-ms-linear-gradient(top, #1a2027 5%, #41464d 100%);
	background:linear-gradient(to bottom, #1a2027 5%, #41464d 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1a2027', endColorstr='#41464d',GradientType=0);
	background-color:#1a2027;
	color:#fff;
}

/* login */
#login{
	width:100%;height:100%;
	overflow:hidden;
	background:#444444 url('../img/login/bg.jpg') center top fixed
}

#login h2{
	display:none;
	padding:10px 0;
	color:#ccc;
	text-shadow:none;
	border-bottom:1px solid #333;
}

#login div.login{
	overflow:hidden;
	width:370px;
	margin:12% auto;padding:2%;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	background-color: #3e0505;
}
#login form{
	display:inline;
}

#login ul{
	overflow:hidden;
	width:292px;
	margin:0 auto;
	/* padding:50px 0; */
	/* background:url('../img/login/admin.png') center top no-repeat; */
}
#login ul li{
	display:block;	
	overflow:hidden;
}

#login ul li.title{
	color: #c3d18a;
    font-size: 24px;
    text-align: center;
    margin-bottom: 10px;
}
#login ul label{
	position:absolute;width:0;height:0;font-size:0;line-height:0;text-indent:-9999px;overflow:hidden;visibility:hidden;
}
#login .input_form{
	margin:0 0 5px 0;padding:0 0 0 0;
	border:1px solid #645133;
	-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;border-radius:5px;
	background:#2e2c2b
}
#login input.style1{
	width:80%;height:18px;
	margin:0 0 0 10px;
	background:none;border:none;
	color:#b7a883;font-weight:bold
}
#login .btn button{
	width:290px;height:62px;
	border:none;
	background:url("../img/login/btn_login.png") left top no-repeat;
	text-indent:-10000px;
}

/*index*/
#index{
	width:200px;
	margin:10% auto;
	text-align:center;font-size:14px;
	color:#ccc;	
}
#index h2{
	position:absolute;width:0;height:0;font-size:0;line-height:0;text-indent:-9999px;overflow:hidden;visibility:hidden;
}