a {
    color: #333;
    text-decoration: none;
}


.mr0 {
    margin-right: 0px !important;
}

/*헤더 끝*/

.leftline {
border-left:1px solid #ccc;	
}
.rightline {
border-right:1px solid #ccc;	
}
.topwidth{
line-height:30px;	
padding:0 10px;
}







/* contents */
#contents{ margin-top:30px;float:left; width:100%;}

/* content header */
#content_header{ position:relative; margin-bottom:45px; padding:45px 0 7px; border-bottom:2px solid #555;overflow:hidden; }
#content_header h3{ font-size:28px; color:#333333;font-weight:700;}
#content_header h3 em{ margin-left:12px; font-size:13px; color:#949494;}
#content_header p{ position:absolute; right:0; top:0; padding-left:25px; background:url(../img/home.gif) no-repeat 0 50%; font-size:12px; color:#262626;}
#content_header span{ margin:0px;color:#999;font-size:1.2em;}
#content_header .ct_logo{ position:absolute; right:0; top:55px;}



/* main map table	*/
.main_map_table		{ width:100%;color:#555555;font-size:0.7em;background: #fff;}
.map_line_r			{border-right:1px solid #cdcdcd;}
.map_line_a			{border:1px solid #cdcdcd;}
.map_line_lr		{border-left:1px solid #cdcdcd; border-right:1px solid #cdcdcd;}
.map_line_lrb		{border-left:1px solid #cdcdcd; border-right:1px solid #cdcdcd; border-bottom:1px solid #cdcdcd;}
.map_line_lb		{border-left:1px solid #cdcdcd; border-bottom:1px solid #cdcdcd;}
.map_line_rb		{border-right:1px solid #cdcdcd; border-bottom:1px solid #cdcdcd;}

/* Align-Text */
.txtL  {text-align:left;}
.txtC  {text-align:center;}
.txtR  {text-align:right;}

/* Float */
.FL {float:left;}
.FR {float:right;}
.FC {float:center;}

/* vertical-align */
.VAT {vertical-align:top;}
.VAM {vertical-align:middle;}
.VAB {vertical-align:bottom;}

/* Color */
.red  {color:#e01300; /*color:#dc2843;*/}
.sky  {color:#1992af;}
.blue {color:#0b78bf;}
.gray {color:#999999; font-size:11px; font-weight:normal;}
.whtie{color:#ffffff;}
.f8 {background-color:#f8f8f8}


.h30 {height:30px;}
.h40 {height:40px;}

/* Margin */
.mg   {margin:0 !important;}
.mg15 {margin:15px;}

.mt00 {margin-top:0px !important;}
.mt01 {margin-top:1px;}
.mt02 {margin-top:2px;}
.mt03 {margin-top:3px;}
.mt04 {margin-top:4px;}
.mt05 {margin-top:5px;}
.mt06 {margin-top:6px;}
.mt07 {margin-top:7px;}
.mt08 {margin-top:8px;}
.mt09 {margin-top:9px;}
.mt10 {margin-top:10px;}
.mt11 {margin-top:11px;}
.mt12 {margin-top:12px;}
.mt13 {margin-top:13px;}
.mt14 {margin-top:14px;}
.mt15 {margin-top:15px;}
.mt16 {margin-top:16px;}
.mt17 {margin-top:17px;}
.mt18 {margin-top:18px;}
.mt19 {margin-top:19px;}
.mt20 {margin-top:20px;}
.mt21 {margin-top:21px;}
.mt22 {margin-top:22px;}
.mt23 {margin-top:23px;}
.mt24 {margin-top:24px;}
.mt25 {margin-top:25px;}
.mt30 {margin-top:30px;}
.mt35 {margin-top:35px;}
.mt40 {margin-top:40px;}
.mt45 {margin-top:45px;}
.mt50 {margin-top:50px;}

.mb00 {margin-bottom:0px !important;}
.mb01 {margin-bottom:1px;}
.mb02 {margin-bottom:2px;}
.mb03 {margin-bottom:3px;}
.mb04 {margin-bottom:4px;}
.mb05 {margin-bottom:5px;}
.mb06 {margin-bottom:6px;}
.mb07 {margin-bottom:7px;}
.mb08 {margin-bottom:8px;}
.mb09 {margin-bottom:9px;}
.mb10 {margin-bottom:10px;}
.mb11 {margin-bottom:11px;}
.mb12 {margin-bottom:12px;}
.mb13 {margin-bottom:13px;}
.mb14 {margin-bottom:14px;}
.mb15 {margin-bottom:15px;}
.mb16 {margin-bottom:16px;}
.mb17 {margin-bottom:17px;}
.mb18 {margin-bottom:18px;}
.mb19 {margin-bottom:19px;}
.mb20 {margin-bottom:20px;}
.mb21 {margin-bottom:21px;}
.mb22 {margin-bottom:22px;}
.mb23 {margin-bottom:23px;}
.mb24 {margin-bottom:24px;}
.mb25 {margin-bottom:25px;}
.mb30 {margin-bottom:30px;}
.mb35 {margin-bottom:35px;}
.mb40 {margin-bottom:40px;}
.mb45 {margin-bottom:45px;}
.mb50 {margin-bottom:50px;}

.mr00 {margin-right:0px !important;}
.mr01 {margin-right:1px;}
.mr02 {margin-right:2px;}
.mr03 {margin-right:3px;}
.mr04 {margin-right:4px;}
.mr05 {margin-right:5px;}
.mr06 {margin-right:6px;}
.mr07 {margin-right:7px;}
.mr08 {margin-right:8px;}
.mr09 {margin-right:9px;}
.mr10 {margin-right:10px;}
.mr15 {margin-right:15px;}
.mr16 {margin-right:16px;}
.mr17 {margin-right:17px;}
.mr18 {margin-right:18px;}
.mr19 {margin-right:19px;}
.mr20 {margin-right:20px;}
.mr25 {margin-right:25px;}
.mr30 {margin-right:30px;}
.mr35 {margin-right:35px;}
.mr40 {margin-right:40px;}
.mr45 {margin-right:45px;}
.mr50 {margin-right:50px;}

.ml01 {margin-left:1px !important;}
.ml01 {margin-left:1px;}
.ml02 {margin-left:2px;}
.ml03 {margin-left:3px;}
.ml04 {margin-left:4px;}
.ml05 {margin-left:5px;}
.ml06 {margin-left:6px;}
.ml07 {margin-left:7px;}
.ml08 {margin-left:8px;}
.ml09 {margin-left:9px;}
.ml10 {margin-left:10px;}
.ml15 {margin-left:15px;}
.ml20 {margin-left:20px;}
.ml25 {margin-left:25px;}
.ml30 {margin-left:30px;}
.ml35 {margin-left:35px;}
.ml40 {margin-left:40px;}
.ml45 {margin-left:45px;}
.ml50 {margin-left:50px;}




/* 대기오염 */
.air table { border-collapse: collapse;    border-spacing: 0;	width:100%; }
.air .topline{ border-top: 2px solid #2383b6;}
.air .bottomline {border-bottom: 1px solid #ddd;}
.air table th {    background-color: #ffffff;    color: #000;    font-size: 12px; border-bottom: 1px solid #ddd;}
.air table td {    font-size: 14px;    color: #414b43;    line-height: 1.5em;    text-align: center; background-color:#FFFFFF;}
.air table .on { background-color: #f7f7f7;}
.air table .on_cl { background-color: #7abce6}

.air_map_bg	{position:relative; width:100%; height:448px;  background:url(../img/air/air_map.png) center top repeat-y #e4f1f7;}
.air_map	{position:relative; width:450px; height:448px; margin:0 auto;}
.air_map div{ position:absolute; width:40px;  height:40px;   border-radius:3px; border:1px solid #cdcdcd; background:#fff; text-align:center;}
.air_map div span{ width:100%; font-size:11px; text-align:center; display:inline-block; word-spacing:-0.1px;}
.air_map div img {width:27px; margin-top:-10px;}
.air_map .map_10000 {top:90px; left:112px;}		/* 서울 */
.air_map .map_11000 {top:100px; left:68px;}		/* 인천 */
.air_map .map_12000 {top:190px; left:150px;}	/* 대전 */
.air_map .map_13000 {top:225px; left:230px;}	/* 대구 */
.air_map .map_14000 {top:145px; left:135px;}	/* 세종 */
.air_map .map_15000 {top:280px; left:270px;}	/* 부산 */
.air_map .map_16000 {top:235px; left:280px;}	/* 울산 */
.air_map .map_17000 {top:365px; left:260px;}	/* 제주 */
.air_map .map_18000 {top:285px; left:115px;}	/* 광주 */
.air_map .map_19000 {top:75px; left:210px;}		/* 강원 */
.air_map .map_20000 {top:130px; left:180px;}	/* 충북 */
.air_map .map_21000 {top:190px; left:100px;}	/* 충남 */
.air_map .map_22000 {top:240px; left:135px;}	/* 전북 */
.air_map .map_23000 {top:330px; left:100px;}	/* 전남 */
.air_map .map_24000 {top:170px; left:240px;}	/* 경북 */
.air_map .map_25000 {top:275px; left:200px;}	/* 경남 */
.air_map .map_26000 {top:65px; left:155px;}		/* 경기 */
.air .grade_0	{color:#9F9F9F; font-weight:700; border-top: 2px solid #9F9F9F; padding-top:10px;}
.air .grade_1	{color:#1277DD; font-weight:700; border-top: 2px solid #1277DD; padding-top:10px;}
.air .grade_2	{color:#0ACC21; font-weight:700; border-top: 2px solid #0ACC21; padding-top:10px;}
.air .grade_3	{color:#F79809; font-weight:700; border-top: 2px solid #F79809; padding-top:10px;}
.air .grade_4	{color:#EA0C0C; font-weight:700; border-top: 2px solid #EA0C0C; padding-top:10px;}

.air_table	{position:relative; width:100%; height:448px; overflow-y:auto;}
.air_table	table { width:95%; margin:10px;}



.content_header1_subtitle {
background: url('../img/title_bg.gif') no-repeat left 2px;padding-left:11px;line-height:25px;
float:left; font-size:18px; font-weight:600; color:#165586;  padding-right:9px; margin:10px 0px;
width:100%;
}

/*기상특보*/
.warning .cnt   {float:left; width:99%; font-size:12px;}
.warning dl     {float:left; width:100%;  border-top: 2px solid #165586;}
.warning dl dt  {float:left; width:100%;  height:30px; background:#f2f2f2; font-weight:600; color:#333; border-left:1px solid #d6d6d6; border-right:1px solid #d6d6d6; line-height:30px; padding-left:10px;}
.warning dl dd  {float:left; width:100%; border:1px solid #d6d6d6; text-align:center; padding:20px; text-align:left; line-height:30px; background-color:#FFFFFF;}
.warning dl dd p{float:left; margin-right:20px; }
.warning .cnt table{ width:100%; border-top: 2px solid #165586;}
.warning .cnt table caption{display:none;}
.warning .cnt table th{ height:40px; background:#f2f2f2; font-weight:600; color:#333; border:1px solid #d6d6d6; font-size:12px;}
.warning .cnt table td{ height:40px;  border:1px solid #d6d6d6; text-align:left; font-size:12px; padding:10px;}


/*태풍특보*/
.typhoon #sub_title{float:left; width:100%; margin-bottom:10px; border-bottom:2px solid #f0f0ee; line-height:14px; padding:0px 0 10px; color:#6e6b61; letter-spacing:-0.5px;}
.typhoon #sub_title span:first-child{ float:left; font-size:18px; font-weight:600; color:#165586; border-right:1px solid #cecece; padding-right:9px; margin-right:9px;}
.typhoon #sub_title span:nth-child(2){ float:right;font-size:12px; vertical-align:bottom;}
.typhoon .select       {float:left; width:100%; height:45px; border:1px solid #e3e3e3; margin-bottom:10px; background:#FFFFFF; border-radius:2px; }
.typhoon .select span  { float:left; font-size:16px; line-height:45px; margin:0 10px  0 20px; }
.typhoon .select select{ float:left; height:30px; padding:5px; margin:8px 0 0 0; border-radius:3px; vertical-align:middle; font-size:12px;}
.typhoon .select a     { float:left; width:92px; height:30px; text-align:center; display:inline-block; font-weight:bold; line-height:26px; margin:8px 25px 0 2px; color:#fff; background:#165586; border:1px solid #165586; letter-spacing:-0.2px; font-size:14px;  border-radius:2px;}
.typhoon .cnt   {float:left; width:100%;}
.typhoon .cnt table{ width:100%; border-top: 2px solid #165586;}
.typhoon .cnt table caption{display:none;}
.typhoon .cnt table th{ height:30px; background:#f2f2f2; font-weight:600; color:#333; border:1px solid #d6d6d6; font-size:12px;}
.typhoon .cnt table td{ height:30px;  border:1px solid #d6d6d6; text-align:center; font-size:12px;}
.typhoon .cnt p { width:100%; text-align:center; margin:30px 0 ;} 

.alltb table {
    border-top: 2px solid #2383b6;
	border-collapse: collapse;
    border-spacing: 0;
	width:100%;
}
.alltb tr {
    border-bottom: 1px solid #ddd;
}

.alltb table th {
    height: 45px;
    background-color: #f7f7f7;
    color: #000;
    font-size: 15px;
	text-align: center;
    border-right: 1px solid #ddd;
}

.alltb table td {
    height: 45px;
    font-size: 14px;
    color: #414b43;
    line-height: 1.5em;
    text-align: center;
    border-right: 1px solid #ddd;
}
.alltb .last {
    border-right: none;
}
.alltb .title {
    display:block;
	font-size:13px;
}

/* 기상실황 */
.aws_data {float:left; width:100%; font-size:12px;}
.aws_data table{ width:100%; border-top: 2px solid #165586; font-size:12px;}
.aws_data th{ height:40px;  text-align:center; background:#f2f2f2; font-weight:600; color:#333; border:1px solid #d6d6d6; font-size:12px;border-top:0px solid #fff;}
.aws_data td{ height:40px;  background:#FFFFFF; border:1px solid #d6d6d6; text-align:center; font-size:12px;border-top:0px solid #fff;}


/* 작업중지기준 */
.company_stop {float:left; width:100%; font-size:12px;}
.company_stop table{ width:100%; border-top: 2px solid #165586; font-size:12px;}
.company_stop th{ height:40px; text-align:center; background:#f2f2f2; font-weight:600; color:#333; border:1px solid #d6d6d6; font-size:12px;border-top:0px solid #fff;}
.company_stop td{ height:40px; background:#FFFFFF; border:1px solid #d6d6d6; text-align:center; font-size:12px;border-top:0px solid #fff;}

/* 작업기상도 */
.company_work #sub_title{float:left; width:100%; margin-bottom:10px; border-bottom:2px solid #f0f0ee; line-height:14px; padding:0px 0 10px; color:#6e6b61; letter-spacing:-0.5px;}
.company_work #sub_title span:first-child{ float:left; font-size:18px; font-weight:600; color:#165586;  padding-right:9px; margin-right:9px;}
.company_work #sub_title span:nth-child(2){ float:right; font-size:12px; vertical-align:bottom;}
.company_work {float:left; width:100%; font-size:12px;}
.company_work table{ width:100%; border-top: 2px solid #165586; font-size:12px;}
.company_work th{ height:40px; background:#f2f2f2; font-weight:600; color:#333; border:1px solid #d6d6d6; text-align:center; font-size:12px;}
.company_work td{ height:50px; background:#FFFFFF;  border:1px solid #d6d6d6; text-align:center; font-size:12px;}

/*현장별 날씨*/
.company_weather #sub_title{float:left; width:100%; margin-bottom:10px; border-bottom:2px solid #f0f0ee; line-height:14px; padding:0px 0 10px; color:#6e6b61; letter-spacing:-0.5px;}
.company_weather #sub_title span:first-child{ float:left; font-size:18px; font-weight:600; color:#165586;  padding-right:9px; margin-right:9px;}
.company_weather #sub_title span:nth-child(2){ float:right; font-size:12px; vertical-align:bottom;}
.company_weather .cnt   {float:left; width:100%; font-size:12px;}
.company_weather .cnt table{ width:100%; border-top: 2px solid #165586; font-size:12px;}
.company_weather .cnt table caption{display:none;}
.company_weather .cnt table th{ height:30px; text-align:center; background:#f2f2f2; font-weight:600; color:#333; border:1px solid #d6d6d6; 
border-top:0px solid #fff; font-size:12px;}
.company_weather .cnt table td{ height:50px;  background:#FFFFFF; border:1px solid #d6d6d6; text-align:center; font-size:12px;border-top:0px solid #fff;}
.company_weather .cnt table td div:first-child{ position:relative; float:left;  width:25px; height:20px; text-align:center; font-weight:bold; line-height:20px; margin-left:-13px; color:#fff; background:#165586; border:1px solid #165586; letter-spacing:-0.2px; font-size:11px; border-radius:2px;}
.company_weather .cnt table td div:nth-child(2){ position:relative; float:right; width:25px; height:20px; text-align:center; font-weight:bold; line-height:20px; margin-right:-13px; color:#fff; background:#165586; border:1px solid #165586; letter-spacing:-0.2px; font-size:11px; border-radius:2px;}

.content_header1_subtitle_text_rig{	float:right; font-size:12px; vertical-align:bottom;}


.cate_table {
    width: 100%;
    table-layout: fixed;
    border-top: 1px #3e3e3e solid;
}
.mt8 {
    margin-top: 8px !important;
}
.tdv {
    border: 1px #d9dce0 solid;
    border-left: none;
    background-color: #f8f8f8;
    padding: 8px 2px 8px 10px;
    vertical-align: top;
	border-bottom: 0px #d9dce0 solid;
}

.cate_table2 {
    width: 100%;
    table-layout: fixed;
    border: 2px #89b1d3 solid;
}

.cate_table2_td {
    border-top: 1px #d9dce0 solid;
    border-right: 1px #d9dce0 solid;
    font: 11px/1.4em dotum;
    color: #6c6c6c;
    text-align: center;
	padding:8px;
}

.abs7 {
    vertical-align: middle;
    *margin:-4px -3px -3px -4px;
    _margin: -4px -3px -3px -4px;
}

/* .btn {
margin-top:0px;
padding:5px 15px;
border:1px solid #e5e5e5;
cursor:pointer;
} 

.btn:hover {
margin-top:0px;
padding:5px 15px;
background-color:#89b1d3;
color:white;
}*/

.brx {
    border-right: none !important;
}

/* 레이어 팝업 시작 */
.black_overlay{ 
	/*
	display: none; 
	position: absolute; 
	top: 0%; 
	left: 0%; 
	width: 100%; 
	height: 100%; 
	background-color: black; 
	z-index:1001; 
	-moz-opacity: 0.8; 
	opacity:.80; 
	filter: alpha(opacity=80); */
} 

.show_content { 
	display: none; 
	position: absolute;
	width: 710px; 
	height: 300px; 
	padding: 15px; 
	border: 5px solid rgb(205, 208, 225);
	background-color: white; 
	z-index:1002; 
	overflow: auto; 
}

.white_content { 
	display: none; 
	position: absolute; 
	top: 25%; 
	left: 25%; 
	width: 50%; 
	height: 50%; 
	padding: 15px; 
	border: 5px solid rgb(205, 208, 225);
	background-color: white; 
	z-index:1002; 
	overflow: auto; 
} 



.white_content2 { 
	 visibility:hidden;
	position: absolute; 

	left: 0; 
	width: 750px; 

	/* border: 5px solid rgb(205, 208, 225);*/
	background-color: #CDD0E1; 
	z-index:1002; 
	overflow: auto; 
	-moz-opacity: 0.8; 
	
} 
.white_content3 { 
	margin:0 auto;
	margin-top:0px;

	padding: 15px; 
	background-color: #353E66;
	
	overflow: auto; 
	
} 
/* 레이어 팝업 종료 */

/* tree 시작 */
.tree{font-family:'돋움',Dotum,AppleGothic,sans-serif; font-size:12px;color:#000;line-height:16px}
.tree ul,.tree li,.tree span{margin:0;padding:0}
.tree li{list-style:none}
.tree li a{color:#000;}
.tree li a:hover{color:#FF9900;}
.tree .tree_ico{display:inline-block;width:20px;height:20px;margin:0 -4px 0 2px;vertical-align:top}
.tree .tree_ico img{vertical-align:top}
.tree .tree_label{margin-left:3px;vertical-align:top;text-decoration:none;}
.tree .tree_label a{display:inline-block; margin:-1px 0 0 1px;padding-left:10px;font-family:'돋움',dotum;font-size:11px;color:#aaa;line-height:13px;letter-spacing:-1px;vertical-align:top}
.tree ul{background:url(../images/tree/bg_tree_stream.gif) repeat-y 9px 0}
.tree li{padding-left:18px;background:url(../img/tree/bg_tree_branch.gif) no-repeat 9px -22px}
.tree li.tree_last_node{margin-bottom:4px;background:url(../img/tree/bg_tree_branch_last.gif) no-repeat 9px -22px}
/* tree 종료 */
hr{

border-top:1px solid #ccc;
}
.hrline {
    margin-top: 7px ;
	margin-bottom: 10px ;
    border-bottom: 1px solid #000;
}



input[type=checkbox] {  
    display: none; 
}

input[type=checkbox] + label{
    display: inline-block;  
    cursor: pointer;  
    position: relative;  
    padding-left: 25px;  
    margin-right: 10px;  
    font-size: 13px;
	margin-top:10px;
}

input[type=checkbox]+ label:before {     

    content: "";  
    display: inline-block;  
  
    width: 20px;  
    height: 20px;  
  
    margin-right: 10px;  
    position: absolute;  
    left: 0;  
    bottom: 1px;  
    background-color: #ccc;  
    border-radius: 2px; 
    box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8);  
}
input[type=checkbox]:checked + label:before { 

    content: "\2713";  /* 체크모양 */
	
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);  
    font-size: 18px; 
    font-weight:800; 
    color: #fff;  
    background:#2f87c1;
    text-align: center;  
    line-height: 18px;  

}