@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;
	font-size:12px;color:#000;
	font-family:'Malgun Gothic','맑은 고딕','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%;
	overflow:auto;
}
#container{
	width:100%;
}

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

#container{
	position:relative;
}

/* navigate */

h2{
	margin-bottom:0.5%;padding:4px 0 8px 10px;
	background:#0c300c;
	-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:#75a375;
	-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;
	height:20px;
	background:#333333;
}
.monitor{
	display:inline;
	overflow:hidden;
	float:left;
	margin-left:10%;
	border-radius:0 0px 5px 5px;
	background:#232323
}
.monitor li{
	display:inline;
	overflow:hidden;
	float:left;
	margin-right:30px;padding:1px 6px 2px 6px;
	color:#ccc !important;
	font-size:11px;
}
.monitor li:last-child{
	margin-right:0px;
}
.monitor li a{
	display:inline-block;
	background-color:#08f;
    min-width: 15px;height: 15px;
    line-height:15px;
    border-radius:20px;
	padding:1px;
	animation: fade 1s forwards;
	-webkit-animation: fade 1s forwards;
	-moz-animation: fade 1s forwards;
	-o-animation: fade 1s forwards;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;  
	-o-animation-iteration-count: infinite;
	padding:0 5px;
	font-size:10px;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:url("../img/menu_bg.gif") left top repeat-x;
	border-bottom:1px solid #40a66d
}
.menu{
	display:block;
	width:1500px;
	margin:0 auto;
}
.menu li{
	display:inline;
	float:left;
}
.menu > li{
	height:43px;line-height:38px;
	border-left:1px solid #;border-right:1px solid #;
}
.menu li span{
	padding:0 20px;
	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{
	display:none;
	position:absolute;
	top:58px/*서브메뉴높이*/;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{
	margin:0 10px;
	font-size:13px;
}

.mainmenu a.on{
	border-top:1px solid #ffff00;
	background:rgba(0,0,0,0.1);
}
.mainmenu a.on span{
	color:#ffff00;
}

.gmenu{
	display:inline;
	overflow:hidden;
	float:right;
}
.gmenu li{
	display:inline;
	overflow:hidden;
	float:left;
	
	border-left:1px solid #707479;border-right:1px solid #2d3136;
}
.gmenu a{
	display:block;
	padding:0 5px;
	text-align:center;
	color:#ccc !important;
	cursor:pointer
}
.gmenu a:hover{
	color:#fff !important;
}
.gmenu li:last-child a{
}
.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 #40a66d;border-right:1px solid #40a66d;border-bottom:2px solid #333;
	background:#ffffff;
	text-align:left
}
.site_monitor dl{
	display:inline;
	overflow:hidden;	
	float:left;
	width:201px;
	border-right:1px solid #40a66d;
	font-size:11px;
}
.site_monitor dt{
	display:inline;
	overflow:hidden;	
	float:left;
	width:48%;
	padding:4px 0;
	background:#befdd9;
	color:#02250e;
	text-align:center;font-weight:bold;letter-spacing:-1px
}
.site_monitor dd{
	display:inline;
	overflow:hidden;	
	float:left;
	width:50%;
	padding:4px 2% 4px 0;
	text-align:right;
}
.site_monitor dl.wide{
}

.site_monitor dl.narrow{
}

.site_monitor button.refresh{
	float:right;
	width:84px;height:67px;	
	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:url("../img/bg.gif") left top repeat;
}

#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:15% auto;padding:2%;
	border:1px solid #333;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	background:#444444
}
#login form{
	display:inline;
}

#login ul{
	overflow:hidden;
	width:100%;
	margin:20px 0 20px 0px;

}
#login ul li{
	display:inline;	
	float:left;
	overflow:hidden;
}
#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{
	height:20px;
	margin:0 5px 0 0;padding:0 0 2px 0;
	border:1px solid #7d7d7d;
	background:#2e2c2b url("../img/login_bg_input.gif") 1px -32px no-repeat;
}
#login .input_form.id{
	background-position:1px -2px
}

#login input.style1{
	width:120px;height:18px;
	margin:0 0 0px 22px;
	background:none;border:none;
	color:#ffdd00;font-weight:bold
}
#login .btn button{
	width:65px;height:22px;
	border:none;
	background:#2e2c2b url("../img/btn/login.gif") 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;
}


ul.tabs{
	margin: 0px;
	padding: 0px;
	list-style: none;
}
ul.tabs li{
	background: none;
	color: #333;
	display: inline-block;
	padding: 10px 15px;
	border-radius: 5px 5px 0 0;
	cursor: pointer;
}

ul.tabs li.current{
	background: #bbd2b9;
	color: #111;
}

.tab-content{
	display: none;
	background: #fff;
	border: 3px solid #bbd2b9;
	padding: 15px;
}

.tab-content.current{
	display: inherit;
}