@charset "utf-8";

/* CSS Document 2010-10*/
@import url("common.css");

/* basic : s */
*{margin:0px; padding:0px;}

a, img{ border:0; selector-dummy:expression(this.hideFocus=true);}
html {font-size:1em}
body {height:100%;font-size:0.75em; background:url(../images/comm/bg.gif);}
html,body {height:100%;  margin:0px; padding:0px; line-height:160%; font-family:dotum, '돋움', arial,curier,seoul,sans-serif; color:#666;}

input, select{margin:0; padding:1px; font-family:dotu, '돋움', arial,curier,seoul,sans-serif; color:#666; vertical-align:middle;}

select {margin-bottom:1px; padding:1px; font-size:1em; color:#7c7c7c; font-family:Dotum, '돋움', Arial, sans-serif; border:1px solid #7e9db9; vertical-align:middle; background:#fff;}

li{list-style:none; margin:0px; padding:0px;}

textarea, table, th, tr, td{margin:0; padding:0; font-family:dotum, arial,curier,seoul,sans-serif; color:#666; border-collapse: collapse;}

a{text-decoration:none;color:#333333;}
a:hover,a:active,a:focus{text-decoration:underline;cursor:pointer; -moz-outline-style: none;color:#333333;}
a {outline:none;selector-dummy:expression(this.hideFocus=true);color:#333333;}

/*Layout*/
/*body{text-align:center}*/
#wrap{width:100%; min-width:1000px; height:100%}
#header{position:relative; width:100%; height:90px; background:#93c742; overflow:hidden; z-index:20;}
#header .logo{position:absolute;top:5px; left:20px;}
#header .topMenu { position:absolute; right:10px; width:320px;}
#header .topMenu li{float:left; font-size:11px; padding:10px 10px; color:#fff;}
#header .topMenu a{color:#fff;}

#header .userInfo{float:left; position:relative;  width:216px; height:48px; margin:1px 0 0 0;background:url(../images/comm/user_info.gif) no-repeat right top;}
#header .userInfo .userName{position:absolute; top:17px; left:20px; padding:0 0 0 20px; color:#6a725e; font-weight:bold; background:url(../images/comm/user_pic.gif) no-repeat;}
#header .userInfo .userPosition{position:absolute; padding:0; top:10px; left:120px; font-size:11px; color:#a9a8a8; line-height:16px; font-weight:normal;}

#header .gnb{position:absolute; top:40px; width:100%; height:53px; background:url(../images/comm/menu_bg_off.gif) repeat-x;}
#header .gnb li{float:left; font-weight:bold;}
#header .gnb li a{display:block;height:18px; margin:1px 0 0 0; padding:16px 20px; color:#a1a1a1; text-decoration:none; background:url(../images/comm/menu_bar.gif) no-repeat right top;}
#header .gnb li a:hover{color:#fff; text-decoration:none; background:url(../images/comm/menu_bg_on.gif) repeat-x;}
#header .gnb li.active a{color:#fff; text-decoration:none; background:url(../images/comm/menu_bg_on.gif) repeat-x;}

/*table{border-collapse:collapse;}*/

#contsArea{padding:20px 10px; background:#f0f0f0;}
#contsArea .mainBox{position:relative; margin:0 10px 20px 10px; border:1px solid #d1d1d1; background:#fff; overflow:hidden;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-khtml-border-radius:3px;

}
#contsArea h2{padding:10px 20px 0px 20px; height:27px; background:url(../images/main/title_bg.gif) repeat-x;}
#contsArea .conts{padding:20px; overflow:hidden;}
#contsArea .conts .mainTable td{padding-bottom:2px; background:url(../images/main/domain_bg.gif) repeat-x;}
#contsArea .conts .mainTable .domainUrl{padding:0px 15px 5px 15px; color:#6a6a6a; font-family:Tahoma, Geneva, sans-serif; font-size:14px;}
#contsArea .conts .mainTable .doaminPer{padding:0 10px; color:#000; font-family:Tahoma, Geneva, sans-serif; font-size:12px; font-weight:bold; background:url(../images/main/domain_bg_right.gif) no-repeat right top;}

#contsArea .conts .mainTable2 th{padding:7px 0 4px 0; font-size:11px; border-bottom:1px solid #cdcdcd; background:#f6f6f6; text-align:center;}
#contsArea .conts .mainTable2 td{padding:7px 8px 4px 8px; border-bottom:1px solid #dadada; font-size:11px; color:#787878;}

#contsArea .conts .mainTable3 .title{padding:7px 0 4px 0; font-size:11px; border-right:1px solid #cdcdcd;border-bottom:none; background:#949494; text-align:center;}
#contsArea .conts .mainTable3 th{padding:7px 0 4px 0; font-size:11px; border-right:1px solid #dadada; border-bottom:1px solid #cdcdcd; background:#f6f6f6; text-align:center;}
#contsArea .conts .mainTable3 td{padding:7px 10px 4px 10px; height:60px; border-right:1px solid #dadada; font-size:11px; color:#787878;}

#contsArea .conts .number{padding:0 3px 0 0; font-size:24px; color:#78b845; font-family:Tahoma, Geneva, sans-serif; font-weight:bold;}
#contsArea .conts .kor{color:#000; font-weight:bold;}

#contsArea .graphArea{float:left; width:320px; height:177px;}
.tableRound{position:relative; margin:0 5px; width:100%;border:1px solid #d1d1d1; background:#fff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-khtml-border-radius:3px;

}


#contsArea .conts_domain{float:left; min-width:270px; width:27%; background:#f0f0f0;}
#contsArea .conts_sendStatus{float:left; width:73%; background:#f0f0f0;}


#contsArea .server_status{float:left;width:20%}

#contsArea .server_status .name{ position:absolute; top:50px; left:0px; width:170px; color:#767676; font-size:18px; font-family:Tahoma, Geneva, sans-serif;}
#contsArea .server_status .percent{position:absolute; top:55%; left:0px;  width:170px; color:#000; font-size:24px; font-family:Tahoma, Geneva, sans-serif;}

#contsArea .server_list{float:left; width:60%;}
#contsArea .server_list h3{padding:0 0 0 10px;}

#contsArea .graph{position:relative; margin:20px 0 0 0; width:170px; height:170px;text-align:center;}
#contsArea .graph00{ background:url(../images/main/graph_0.gif) no-repeat center;}
#contsArea .graph01{background:url(../images/main/graph_1.gif) no-repeat center; }
#contsArea .graph02{background:url(../images/main/graph_2.gif) no-repeat center;}
#contsArea .graph03{background:url(../images/main/graph_3.gif) no-repeat center;}
#contsArea .graph04{background:url(../images/main/graph_4.gif) no-repeat center;}
#contsArea .graph05{background:url(../images/main/graph_5.gif) no-repeat center;}
#contsArea .graph06{background:url(../images/main/graph_6.gif) no-repeat center;}
#contsArea .graph07{background:url(../images/main/graph_7.gif) no-repeat center;}
#contsArea .graph08{background:url(../images/main/graph_8.gif) no-repeat center;}
#contsArea .graph09{background:url(../images/main/graph_9.gif) no-repeat center;}
#contsArea .graph10{background:url(../images/main/graph_10.gif) no-repeat center;}

/**메뉴**/
.menu_v{position:relative;width:215px;font-size:12px;line-height:normal; border-bottom:1px solid #d3d3d3; overflow:hidden}
.menu_v ul{margin:0;padding:0;list-style:none;}
.menu_v li{position:relative;margin:0 0 -1px 0;vertical-align:top;*zoom:1;}
.menu_v li a{display:block;position:relative;padding:8px 10px 8px 20px;color:#545454;font-weight:bold;text-decoration:none;background:url(../images/comm/lnb_bg.gif); border-top:1px solid #d3d3d3; *zoom:1} /**메뉴 기본틀**/


.menu_v li a .i{position:absolute;}
.menu_v li ul{padding:0px 0;background:#fafafa;} /**메뉴 오버시 배경**/
.menu_v li li{margin:0;}
.menu_v li li a{padding:5px 10px;border:0;font-weight:normal; font-size:11px;}
.menu_v li li a span{color:#787878; }
.menu_v li.active{z-index:2; border-bottom:1px solid #d3d3d3; border-top:1px solid #95be53; }/**메뉴 선택시**/
.menu_v li li.active{border:0;}
.menu_v li.active a{border:0;color:#5d5d5d; background:#fafafa;}
.menu_v li.active .i{position:absolute;top:7px;left:100%;width:11px;height:17px;margin:0 0 0 -10px;color:#ccc;background:url(../images/comm/icon_arrow_down.gif) no-repeat left top}/**1depth뒤 화살표**/

.menu_v li.active li a{padding:9px 0 7px 30px; border:0; }
.menu_v li.active ul{display:block;border-top:1px solid #d3d3d3; }
.menu_v li.active li.active a{ background:#98cb47; color:#fff;}
.menu_v li.active li.active a span{font-weight:bold;color:#fff; }

.menu_v li.active li .sub_arrow{position:absolute;top:7px;left:20px;width:5px;height:10px;margin:0px;color:#ccc;background:url(../images/comm/icon_arrow.gif) no-repeat 2px 3px}/**서브앞 화살표**/
.menu_v li.active li.active .sub_arrow{position:absolute;top:7px;left:20px;width:5px;height:10px;margin:0px;color:#ccc;background:url(../images/comm/icon_arrow_on.gif) no-repeat 2px 3px}/**서브앞 화살표**/


/** 메뉴아이콘 **/
.menu_v li a .arrow{position:absolute;  top:12px;right:10px;width:16px;height:16px;margin:0px;color:#ccc;background:url(../images/comm/icon_arrow_down.gif) no-repeat left top;}


.menu_v li.active .arrow{position:absolute; top:12px;right:10px;width:16px;height:16px;margin:0px;color:#ccc;background:url(../images/comm/icon_arrow_up.gif) no-repeat left top;}



#bodyArea{position:relative; width:100%; margin-top:-90px; min-height:100%; background:url(../images/comm/lnb_bg.gif) repeat-y left top; z-index:10; overflow:hidden}
/* //UI Object */
#lnb {float:left;padding-top:90px; width:215px; height:100%;min-height:100%; border-right:1px solid #cbcbcb;}
#lnb .lnbTitle{width:215px; padding:15px 0px; color:#95be53; font-size:14px; font-weight:bold; border-bottom:1px solid #95be53; background:#fff; text-align:center;}


#container{width:auto; margin-left:216px; padding-top:90px;}
#container .location{width:auto;height:33px; padding:15px 10px 0 20px; border-bottom:1px solid #dfdfdf;}
#container .conts{padding:20px;}