/*************************************************************/
/*
/*	ȨÆäÀÌÁö StyleSheet
/*	ÀÛ¼ºÀÚ : only jm(Àý¸Á:¿ö¿ö¿ö¿ö¿ö~~)
/*  ÃÖÁ¾º¯°æÀÏ : 2009-10-21 
/*
/*************************************************************/



/****** °ø¿ë ********/
body                    {margin:0px; height:100%;background-image: url(/Content/Images/Shared/body_bg.gif); background-attachment:scroll; background-repeat:repeat-x; background-position:top left;}
td,th					{font-family:"¸¼Àº°íµñ", Malgun Gothic, Verdana, serif; font-size:12px; color :#555555; text-decoration:none; empty-cells:show; line-height:180%; letter-spacing:0px;}
input, textarea, form	{font-family: "¸¼Àº°íµñ",verdana; font-size:11px; margin-bottom:-1;}
select					{font-family: "¸¼Àº°íµñ",verdana; font-size:12px; height:20px; margin-top:2px;}
.main                   {margin:0px;background-image: url(/Content/Images/Shared/main_bg.gif); background-attachment:scroll; background-repeat:repeat-x; background-position:top left;}
.pop                    {margin:0px; background-image:none; background-attachment:scroll; background-position:top left;}
			 
#wrap {min-height:800px;}
.contents {overflow:auto; padding-bottom:50px;}
#footer {position:relative; height:133px; clear:both;}
						 
.textarea_online		{
	background-color: #ffffff;
	color: #666666;
	scrollbar-face-color: #ffffff;
	scrollbar-shadow-color: #E5E5E5;
	scrollbar-highlight-color: #E5E5E5;
	scrollbar-3dlight-color: #ffffff;
	scrollbar-darkshadow-color: #E5E5E5;
	scrollbar-track-color: #ffffff;
	scrollbar-arrow-color: #ffffff;
	font-family:¸¼Àº°íµñ;
	font-size:10pt;
	border-top: 1px solid #ffffff;	border-left: 1px solid #ffffff;border-right: 1px solid #ffffff;border-bottom: 1px solid #ffffff; background: #ffffff;	color:#555555;
	width:100%;

}  


/******** input ¹è°æ, Å׵θ® ********/
.input_readOnly_str		{background-color:#E0E0E0; text-align:left;}
.input_readOnly_num		{background-color:#E0E0E0; text-align:right;}
.input_disabled			{border:0px ; background-color:#FFFFFF;}
.input_1                {background-color:#e4e4e4; border: 1px solid #8b8b8b; border-left: 1px solid #8b8b8b; border-bottom: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1;}
.main_input             {background-color:#ffffff; border: 0px;}


img				{border:none;}
form			{padding:0; margin:0;}

/********  À̹ÌÁö Ä¿¼­ ********/
.img_cursor	{cursor:hand;}


/******* ÀÏ¹Ý ¸µÅ© *******/
a:link			{font-family: "¸¼Àº°íµñ",verdana; font-size:12px; color : #000000; text-decoration:none;}
a:visited		{font-family: "¸¼Àº°íµñ",verdana; font-size:12px; color : #000000; text-decoration:none;}
a:active		{font-family: "¸¼Àº°íµñ",verdana; font-size:12px; color : #BE0000; text-decoration:none;}
a:hover		{font-family: "¸¼Àº°íµñ",verdana; font-size:12px; color : #BE0000; text-decoration:none;}

/******* Æû ¸µÅ© *******/
.form a:link			{font-family: "¸¼Àº°íµñ",verdana; font-size:12px; color : #FFFFFF; text-decoration:none;}
.form a:visited		{font-family: "¸¼Àº°íµñ",verdana; font-size:12px; color : #FFFFFF; text-decoration:none;}
.form a:active		{font-family: "¸¼Àº°íµñ",verdana; font-size:12px; color : #FFFFFF; text-decoration:none;}
.form a:hover		{font-family: "¸¼Àº°íµñ",verdana; font-size:12px; color : #FFFFFF; text-decoration:none;}



/******* Ãâ·Â(¸®½ºÆ®)Å×À̺í *******/
.th						{border:0px #FFFFFF solid;  width:100%; font-family:"¸¼Àº°íµñ", Malgun Gothic, Verdana, serif; font-size:12px; padding:7px;}

.th_top_left			{background-color:#e8e8e8; color:#444444; line-height:16px; font-weight:bold; border-top:1px #ff0000 solid; border-bottom:1px #d4d4d4 solid ; border-right:1px #d4d4d4 solid; padding:5px;}
.th_top_left1			{background-color:#e8e8e8; color:#444444; line-height:16px;  border-top:1px #d4d4d4 solid; border-bottom:1px #d4d4d4 solid ; border-right:1px #d4d4d4 solid; padding:5px;}
.th_top_right			{background-color:#e8e8e8; color:#444444; line-height:16px; font-weight:bold; border-top:1px #ff0000 solid; border-bottom:1px #d4d4d4 solid ; padding:5px;}
.th_top_right1			{background-color:#f2e9e9; color:#444444; line-height:16px; font-weight:bold; border-top:1px #ff0000 solid; border-bottom:1px #ff0000 solid ; padding:5px;}
.th_top_right2			{background-color:#e8e8e8; color:#444444; line-height:16px; border-top:1px #d4d4d4 solid; border-bottom:1px #d4d4d4 solid ; padding:5px;}
.td_midleft		    	{background-color:#f0f0f0; color:#444444; line-height:16px; border-bottom:1px #d4d4d4 solid ; border-right:1px #d4d4d4 solid; padding:3px;}
.td_midcenter	    	{background-color:#ffffff; color:#444444; line-height:16px; border-bottom:1px #d4d4d4 solid ; border-right:1px #d4d4d4 solid; padding:3px;}
.td_midright		    {background-color:#f0f0f0; color:#444444; line-height:16px; border-bottom:1px #d4d4d4 solid ; padding:5px;}
.td_left			    {background-color:#f0f0f0; color:#444444; line-height:16px; border-right:1px #d4d4d4 solid; border-bottom:1px #d4d4d4 solid ; padding:5px;}
.td_left_mail		    {background-color:#f4f4f4; color:#444444; line-height:16px; border-right:1px #d4d4d4 solid; border-bottom:1px #d4d4d4 solid ; padding:5px;}
.td_center			    {background-color:#ffffff; color:#444444; line-height:16px; border-right:1px #d4d4d4 solid; border-bottom:1px #d4d4d4 solid ; padding:5px;}
.td_right			    {background-color:#ffffff; color:#444444; line-height:16px; border-bottom:1px #d4d4d4 solid ; padding:5px;}
.td_search  			{background-color:#e8e8e8; color:#444444; line-height:16px; font-weight:bold; border-top:1px #ff0000 solid; border-bottom:1px #ff0000 solid ;  padding:5px;}
.td_top_left		   	{background-color:#f0f0f0; color:#444444; line-height:16px; border-top:1px #ff0000 solid; border-bottom:1px #d4d4d4 solid ; border-right:1px #d4d4d4 solid; padding:5px;}
.td_top_left3		   	{background-color:#f0f0f0; color:#444444; line-height:16px; border-top:1px #d4d4d4 solid; border-bottom:1px #d4d4d4 solid ; border-right:1px #d4d4d4 solid; padding:5px;}
.td_top_right		   	{background-color:#ffffff; color:#444444; line-height:16px; border-top:1px #ff0000 solid; border-bottom:1px #d4d4d4 solid ; padding:5px;}
.td_top_right3		   	{background-color:#ffffff; color:#444444; line-height:16px; border-top:1px #d4d4d4 solid; border-bottom:1px #d4d4d4 solid ; padding:5px;}
.td_top_center		   	{background-color:#ffffff; color:#444444; line-height:16px; border-top:1px #ff0000 solid; border-bottom:1px #d4d4d4 solid ; border-right:1px #d4d4d4 solid; padding:5px;}
.td_bottom_right	   	{background-color:#ffffff; color:#444444; line-height:16px; border-bottom:1px #ff0000 solid ; padding:5px;}


/******* ÅؽºÆ® »ö»ó *******/
.text_1  { color:#FF6600; font-family:"¸¼Àº°íµñ", Malgun Gothic, Verdana, serif; font-size:12px; font-weight:bold;}
.text_r  { color:#d11111; font-family:"¸¼Àº°íµñ", Malgun Gothic, Verdana, serif; font-size:12px; font-weight:bold;}
.text_small  { color:#666666; font-family:"¸¼Àº°íµñ", Malgun Gothic, Verdana, serif; font-size:11px; }
.text_bold  { color:#666666; font-family:"¸¼Àº°íµñ", Malgun Gothic, Verdana, serif; font-size:12px; font-weight:bold;}
.text_vu  { color:#666666; font-family:"¸¼Àº°íµñ", Malgun Gothic, Verdana, serif; font-size:15px; font-weight:bold;}
.text_login  { color:#ffffff; font-family:"¸¼Àº°íµñ", Malgun Gothic, Verdana, serif; font-size:11px;}
.text_black  { color:#333; font-family:"¸¼Àº°íµñ", Malgun Gothic, Verdana, serif; font-size:14px; font-weight:bold;}

/******* padding *******/
.left_padding     { padding-left:30px; padding-top:10px;}
.leftmenu_padding { padding-top:27px;}
.contents_padding { padding-left:45px; padding-top:10px;}
.copy_padding     { padding-top:30px; padding-bottom:30px; padding-left:0px; background-color:CE0000;}
.tap_padding      { padding-left:10px; border-bottom:2px #ff0000 solid;} 

/******* º»¹® Ʋ*******/
.con_left { padding:10px 0 0 60px;}
.contents_1 { text-align:justify}


/******* ·¹À̾î*******/
#top_div1 {	position:absolute;top:0px;width:720px;height:136px;	z-index:3; float:left;}
#top_div2 {	position:absolute;top:27px;width:990px;height:16px; z-index:2; align:right;}
#top_div3 {	position:absolute;top:104px;width:990px;z-index:1;}
#top_div4 {	position:absolute;top:61px;width:990px;z-index:4; align:right;}

/******* À̹ÌÁö ·¹À̾ƿô*******/

.block{display:block;}



/******* »ó´Ü¸Þ´º *******/
.preload1 {background: url(/Content/Images/Shared/blank_over.gif);}
.preload2 {background: url(/Content/Images/Shared/blank_overa.gif);}

#nav {padding:0; margin:0; list-style:none; height:43px; background:#880000; position:relative; z-index:500; clear:both; width:720px; font-family:dotum, "µ¸¿ò";}
#nav li.top {display:block; float:left;}
#nav li a.top_link {display:block; float:left; height:43px; line-height:43px; color:#ffffff; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 0px; cursor:pointer; text-align:center;}
#nav li a.top_link span {float:left; display:block; padding:0px 0px 0 0px; height:43px;background:url(/Content/Images/Shared/blank.gif) right top;}
#nav li a.top_link span.down {float:left; padding:0px 0px 0px 0px; color:#ffffff; font-size:11px; font-weight:bold; width:120px; height:43px; background:url(/Content/Images/Shared/blanka.gif) no-repeat right top;}
#nav li a.top_link:hover {color:#46d1ff; background: url(/Content/Images/Shared/blank_over.gif) no-repeat;}
#nav li a.top_link:hover span {color:#ffc000; background:url(/Content/Images/Shared/blank_over.gif) no-repeat right top;}
#nav li a.top_link:hover span.down {color:#ffc000; background:url(/Content/Images/Shared/blank_overa.gif) no-repeat right top;}

#nav li:hover > a.top_link {color:#46d1ff; background: url(/Content/Images/Shared/blank_over.gif) no-repeat;}
#nav li:hover > a.top_link span {background:url(/Content/Images/Shared/blank_over.gif) no-repeat right top;}
#nav li:hover > a.top_link span.down {background:url(/Content/Images/Shared/blank_overa.gif) no-repeat right top;}

/* Default list styling */

#nav li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
#nav ul, 
#nav li:hover ul ul,
#nav li:hover ul li:hover ul ul,
#nav li:hover ul li:hover ul li:hover ul ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover ul.sub
{left:-5px;; top:43px; background: #fff; padding:3px; border:1px solid #ce0000; white-space:nowrap; width:120px; height:auto; z-index:300;}
#nav li:hover ul.sub li
{display:block; height:20px; position:relative; float:left; width:120px; font-weight:normal;}
#nav li:hover ul.sub li a
{display:block; font-size:11px; height:20px; width:120px; line-height:20px; text-indent:5px; color:#000; text-decoration:none;}
#nav li ul.sub li a.fly
{background:#fff url(arrow.gif) 120px 7px no-repeat;}
#nav li:hover ul.sub li a:hover 
{background:#ce0000; color:#fff;}
#nav li:hover ul.sub li a.fly:hover
{background:#ce0000 url(arrow_over.gif) 120px 7px no-repeat; color:#fff;}

#nav li:hover ul li:hover > a.fly {background:#ce0000 url(arrow_over.gif) 120px 7px no-repeat; color:#fff;} 

#nav li:hover ul li:hover ul,
#nav li:hover ul li:hover ul li:hover ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul
{left:100px; top:-4px; background: #fff; padding:3px; border:1px solid #ce0000; white-space:nowrap; width:120px; z-index:400; height:auto;}


/* zabbix °ü·Ã css */
.grayScreen {width:100%;height:100%;background-color:Gray;position:absolute;top:0;left:0; text-align:center;z-index:997;filter:alpha(opacity=10);Opacity:0.2 }
.loadingLayer{width:100%;height:100%;position:absolute;top:0;left:0; text-align:center;z-index:9997;}
.stgWrap {position:relative; width:500px; height:150px; margin:10px auto 0; border:1px solid #ccc;}
div.message {margin-top:70px; text-align:center;}
div.message a {display:inline-block;}
div.tooltip {display:none; position:absolute; width:240px; border:1px solid #ddd; background-color:#fff; padding:2px; font-size:11px; color:#b6893a;}



/******** ±×·¡ÇÁ ¿µ¿ª ********/
.graph_box {background:#efefef; padding:6px 6px 6px 6px;}
.graph_box .bx_square {border:1px #d3d3d3 solid; padding:10px 15px 15px 15px; background:#FFFFFF;}
.graph_box .tit { height:45px; font-size:18px; font-weight:bold; color:#000000; border-bottom:1px #c0c0c0 dashed; background:url(../Images/Shared/graph_ico.gif) no-repeat 0 10px; padding:0 0 0px 30px;}
.graph_box .time {border-bottom:1px #c0c0c0 dashed;}
.graph_box .time .btn {border:1px #595959 solid; border-collapse:collapse;}  
.graph_box .time .btn  td {border:1px #595959 solid; width:52px; height:20px; text-align:center; cursor:pointer;} 
.graph_box .time .btn .td_midcenter {color:#595959;}
.graph_box .time .btn .td_midleft {color:#FFFFFF; background:#595959;}


/************* 160721 tabÃß°¡    ***********/
       .tab {
            
            position: relative;
            padding-top: 31px;
            padding-left: 0px;
            list-style: none;
        }

       .tab > li {

         
       }
            .tab > li > a {
                display: block;
                font-family: "¸¼Àº°íµñ",verdana;  
                font-weight:bold;  
                font-size: 10px; 
                position: absolute;
                top: 0;
                width: 55px;
                height: 20px;
                line-height: 20px;
                text-align: center;
                text-decoration: none;
                /* background: #eee;*/
                /* color: #555; */
                background: #fff;
                color: #000000;
                border: 1px solid #767676;
                border-bottom: 0;
            }



            .tab > li.on > a {
                /* background: #767676; */
                background: #ce0000;
                color: #fff;
            }

            /* ´õº¸±â ó¸® */
            .tab > li > .more {
                background: #fff;
                color: #000000;
                border: 0px;
            }
             /* ´õº¸±â ó¸® */
            .tab > li.on > .more {
                background: #fff;
                color: #000000;
                border: 0px;
            }

            .tab > li:first-child > a {
                left: 0;
            }

            .tab > li + li > a {
                left: 55px;
            }

            .tab > li + li + li > a {
                left: 110px;
            }

            .tab > li + li + li + li > a {
                left: 290px;
            }

            .tab > li > div {
                font-family: "¸¼Àº°íµñ",verdana;  
                font-size: 10px; 
                height: 0;
                overflow: hidden;
                position: absolute;
            }

            .tab > li.on > div {
                height: auto;
                position: static;
                /* border: 1px solid #767676;  */
                /* padding: 10px; */
            }