@charset "utf-8";
/*@charset "";*/
/* CSS Document */


/* 하위버전을 위한 리셋 */
/* html{font:normal 13px/150% 'ntk','Malgun Gothic',"맑은 고딕",'Helvetica neu', Arial, 'Arial', 'Apple SD Gothic'; letter-spacing: -0.5px; } */




/* 
나눔 스퀘어체
@font-face {
font-family: 'nsr';
font-weight: normal;
font-style: normal;
 src: url('../font/nanumsquarer.eot');
 src: url('../font/nanumsquarer.eot?#iefix') format('embedded-opentype'),
       url('../font/nanumsquarer.woff2') format('woff2'),
       url('../font/nanumsquarer.woff') format('woff');
}

본고딕
@font-face{
	font-family:'ntk';
	font-weight:normal;
	font-style: normal;
	src:url("../font/notokr-demilight.eot");
	src:url("../font/notokr-demilight.eot?#iefix") format('embedded-opentype'),
		url("../font/notokr-demilight.woff2") format('woff2'),
		url("../font/notokr-demilight.woff") format('woff');
}


@font-face{
	font-family:'ntk';
	font-weight: 400;
	font-style: normal;
	src:url("../font/notokr-regular.eot");
	src:url("../font/notokr-regular.eot?#iefix") format('embedded-opentype'),
		url("../font/notokr-regular.woff2") format('woff2'),
		url("../font/notokr-regular.woff") format('woff');
}

@font-face{
	font-family:'ntk';
	font-weight: 700;
	font-style: normal;
	src:url("../font/notokr-bold.eot");
	src:url("../font/notokr-bold.eot?#iefix") format('embedded-opentype'),
		url("../font/notokr-bold.woff2") format('woff2'),
		url("../font/notokr-bold.woff") format('woff');
}
 */
* {margin:0; padding:0; font-family: "ntk" }

.stbody {
padding:7px;
}
/*마진과 패징의 초기화*/
body, div, dl, dt,dd,ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td{margin:0; padding:0;
letter-spacing: -0.8px;
min-width: 0px;
}

.divline {
margin:15px 0px;
border-top:1px solid #e3e3e3;
}

table{
border:1px solid #e3e3e3;
}

.cls_sub_menu table,.cls_top table  {
border:0px;
}

/*헤더 폰트의 초기화*/
h1, h2, h3, h4, h5, h6{font-size:100%;}

/*리스트의 스타일 제거*/
ol, ul{list-style:none}

/* 폰트 강조 특성 초기화*/
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight:normal;}

/*테이블 스타일초기화*/
table{ border-collapse:collapse; border-spacing:0;}

/*이미지 및 필드셋에서 보더표시 초기화*/
fieldset, img{border: 0;}

/*캡션과 테이블헤더 텍스트 정렬 초기화*/
caption. th{text-align:left}

/*인용구 표시 초기화*/
q:before, q:after{content:'';}

/*기본 포지션 정하기*/
/*body{position:relative; margin:0 auto; text-align:center;}*/




form {display:inline; margin:none;}

img, fieldset {border:0;}

li {list-style:none;}

	#container {
		width: 100%;
	}
		
	div.panel {
		text-align: center;
	}

	#new_container {
		width: 100%;
	}
		
	div.new_panel {
		text-align: center;
	}

input {-webkit-border-radius:1px; -webkit-apprearance:none;}


a {
    text-decoration: none;
    color: #000;
    outline: none;
}

.lnA	{border:1px solid #d6d6d6;}
.lnT	{border-top:1px solid #d6d6d6;}
.lnB	{border-bottom:1px solid #d6d6d6;}
.lnL	{border-left:1px solid #d6d6d6;}
.lnR	{border-right:1px solid #d6d6d6;}

.main_content {	width:100%;	margin:0 auto; }

.content_subtitle { width:100%; height:40px; line-height:40px; float:left; font-size:1em; color:#333;   }
.content_subtitle span{ padding-left:5px;border-left:6px solid #517984   }



.content_subtitle_2 { width:100%; height:40px; line-height:40px; float:left; font-size:0.8em; font-weight:bold; color:#ffffff; background:#648ebc;  }
.content_subtitle_2 span{ padding-left:10px;  }

.content_subtitle_3 { width:100%; height:40px; line-height:40px; float:left; font-size:0.8em; font-weight:bold; color:#6ba8d5; background:#dddddd;  }
.content_subtitle_3 span{ padding-left:10px;  }

.cls_top {
    background-image: -webkit-linear-gradient(#3b57ca,#55a8d4);
    background-image: linear-gradient(#3b57ca,#55a8d4);
	bckground:url('../images/bg1.jpg')  no-repeat 0px 0px;


}
.cls_top	  #sub_title{width:100%; border-bottom:2px solid #f0f0ee; padding:0px 0 10px; color:#6e6b61; letter-spacing:-0.5px;}
.cls_top .cnt {width:100%;}
.cls_top .cnt table{ width:100%;}
.cls_top .cnt table th{  color:#333; padding-left:10px; border-bottom:1px solid #d6d6d6;  font-weight:bold;}
.cls_top .cnt table td{ border-bottom:1px solid #d6d6d6; font-size:95%; }

.cls_menu .cnt {width:100%;}
.cls_menu .cnt table{ width:100%;}
.cls_menu .cnt table th{ background:#0863b4;  }
.cls_menu .cnt table th a{ text-decoration:none; color:#ffffff;}
.cls_menu .cnt table td{ background:#6ba8d5;  }
.cls_menu .cnt table td a{ text-decoration:none; color:#ffffff;}

.cls_sub_menu .cnt {width:100%;margin-top:0px;font-size:14px;}
.cls_sub_menu .cnt table{ width:100%;}
.cls_sub_menu .cnt table th{ background:#4e6d8a;  }
.cls_sub_menu .cnt table th a{ text-decoration:none;  color:#fff;}
.cls_sub_menu .cnt table td{ background:#eeeeee;  }
.cls_sub_menu .cnt table td a{ text-decoration:none; color:#333; }

.cls_sub_menu2 .cnt {width:100%;}
.cls_sub_menu2 .cnt table{ width:100%;}
.cls_sub_menu2 .cnt table th{ background:#4e6d8a; font-size:70%; }
.cls_sub_menu2 .cnt table th a{ text-decoration:none; color:#ffffff; }
.cls_sub_menu2 .cnt table td{ background:#eeeeee; font-size:70%; }
.cls_sub_menu2 .cnt table td a{ text-decoration:none; color:#333; }

.cls_bottom .cnt {width:100%;}
.cls_bottom .cnt table{ width:100%;}
.cls_bottom .cnt table th{ background:#4e6d8a; color:#ffffff; border-top:1px solid #d6d6d6; font-size:70%; font-weight:bold;}
.cls_bottom .cnt table td{ color:#333; border-top:1px solid #d6d6d6;  }

.company_list .cnt{ width:100%;}
.company_list .cnt table{ width:100%;}
.company_list .cnt table td{ color:#333; font-size:70%; }
.company_list .cnt table td a{ text-decoration:none; color:#333;}

.tukbo_warning .cnt{ width:100%;}
.tukbo_warning .cnt table{ width:100%;}
.tukbo_warning .cnt table td{ color:#333; font-size:90%; line-height:26px; }

.tukbo_typhoon .cnt{ width:100%;}
.tukbo_typhoon .cnt table{ width:100%;}
.tukbo_typhoon .cnt table td{ color:#333; font-size:70%; }

.tukbo_ajko .cnt{ width:100%;}
.tukbo_ajko .cnt table{ width:100%;}
.tukbo_ajko .cnt table td{ color:#333; font-size:70%; }

.warning_standard .cnt{ width:100%;}
.warning_standard .cnt table{ width:100%;}
.warning_standard .cnt table td{ color:#333; font-size:90%; }

.week_weather .cnt{ width:100%;}
.week_weather .cnt table{ width:100%;}
.week_weather .cnt table td{ height:40px; color:#4e6d8a; font-size:70%;}
.week_weather .cnt table th{ width:100%; height:40px; line-height:40px; text-align:left; padding-left:10px; font-size:70%; font-weight:bold; color:#ffffff; background:#0863b4;}

.picture_radar .cnt{ width:100%;}
.picture_radar .cnt table{ width:100%;}
.picture_radar .cnt table td{ color:#333; font-size:70%; text-align:center; }

.company_weather .cnt{ width:100%;}
.company_weather .cnt table{ width:100%;}
.company_weather .cnt table td{ color:#333; font-size:70%; }
.company_weather .cnt table th{ color:#333; font-size:70%; font-weight:bold;}
.company_weather .cnt table td a{ text-decoration:none; color:#333;}
.company_weather .cls_sub_menu .cnt {width:100%;}
.company_weather .cls_sub_menu .cnt table{ width:100%;}
.company_weather .cls_sub_menu .cnt table th{ background:#dddddd; font-size:70%; font-weight:bold;}
.company_weather .cls_sub_menu .cnt table th a{ text-decoration:none; color:#6ba8d5; font-weight:bold;}
.company_weather .cls_sub_menu .cnt table td{ background:#dddddd; font-size:70%; }
.company_weather .cls_sub_menu .cnt table td a{ text-decoration:none; color:#b7b7b7; font-weight:bold;}

.company_main .cnt{ width:100%;}
.company_main .cnt table{ width:100%;}
.company_main .cnt table td{  font-size:70%; }
.company_main .cnt table th{ color:#333; font-size:70%; font-weight:bold;}
.company_main .cnt table td a{ text-decoration:none; color:#333;}

.digital_content { float:left; width:100%; padding-bottom:10px; background:#ffffff;}
.digital_content table{width:100%;}
.digital_content th{ height:30px; border-top:1px solid #d6d6d6; border-right:1px solid #d6d6d6; text-align:center; font-weight:bold; font-size:70%; background-color:#dddddd;}
.digital_content td{ height:30px; border-top:1px solid #d6d6d6; border-right:1px solid #d6d6d6; text-align:center; font-size:70%; }

.board_list .cnt{ width:100%;}
.board_list .cnt table{ width:100%;}
.board_list .cnt table td{ height:35px; color:#4e6d8a; font-size:90%; line-height:26px; }
.board_list .board_bt  { width:92px; height:30px; text-align:center; display:inline-block; font-weight:bold; line-height:26px; margin:8px 0px 0 2px; color:#fff; background:#165586; border:1px solid #165586; letter-spacing:-0.2px; font-size:14px;  border-radius:2px;}

.air_main .cnt{ width:100%;}
.air_main .cnt table{ width:100%;}
.air_main .cnt table th{ color:#333; font-size:90%; }
.air_main .cnt table td{ color:#333; font-size:90%; }

.air_map	{position:relative; margin:auto; width:280px; height:448px; background:url(../icon/air/air_map.png) no-repeat;}
.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;}
.air_map .map_10000 {top:90px; left:62px;}		/* 서울 */
.air_map .map_11000 {top:100px; left:18px;}		/* 인천 */
.air_map .map_12000 {top:190px; left:120px;}	/* 대전 */
.air_map .map_13000 {top:225px; left:180px;}	/* 대구 */
.air_map .map_14000 {top:145px; left:85px;}	/* 세종 */
.air_map .map_15000 {top:280px; left:220px;}	/* 부산 */
.air_map .map_16000 {top:235px; left:230px;}	/* 울산 */
.air_map .map_17000 {top:365px; left:210px;}	/* 제주 */
.air_map .map_18000 {top:285px; left:65px;}	/* 광주 */
.air_map .map_19000 {top:75px; left:160px;}		/* 강원 */
.air_map .map_20000 {top:130px; left:130px;}	/* 충북 */
.air_map .map_21000 {top:190px; left:70px;}	/* 충남 */
.air_map .map_22000 {top:240px; left:85px;}	/* 전북 */
.air_map .map_23000 {top:330px; left:30px;}	/* 전남 */
.air_map .map_24000 {top:170px; left:190px;}	/* 경북 */
.air_map .map_25000 {top:275px; left:150px;}	/* 경남 */
.air_map .map_26000 {top:65px; left:105px;}		/* 경기 */


.air_grade .grade_0	{width:20%; text-align:center; border-top: 2px solid #9F9F9F; padding-top:10px;}
.air_grade .grade_0	span{color:#9F9F9F; font-size:70%; text-align:center; font-weight:700;}
.air_grade .grade_1	{width:20%; text-align:center; border-top: 2px solid #1277DD; padding-top:10px;}
.air_grade .grade_1	span{color:#1277DD; font-size:70%; text-align:center; font-weight:700;}
.air_grade .grade_2	{width:20%; text-align:center; border-top: 2px solid #0ACC21; padding-top:10px;}
.air_grade .grade_2	span{color:#0ACC21; font-size:70%; text-align:center; font-weight:700;}
.air_grade .grade_3	{width:20%; text-align:center; border-top: 2px solid #F79809; padding-top:10px;}
.air_grade .grade_3	span{color:#F79809; font-size:70%; text-align:center; font-weight:700;}
.air_grade .grade_4	{width:20%; text-align:center; border-top: 2px solid #EA0C0C; padding-top:10px;}
.air_grade .grade_4	span{color:#EA0C0C; font-size:70%; text-align:center; font-weight:700;}


.ssobg {
    color: #fff;
    background-color: #fe5547 !important;
}


.fntr {
    color: #3a62b2;
    font-weight: bold;
	font-size: 17px;
}

.fntr2 {
    color: #fe5547 !important;
}

.sso {
    padding: 7px 10px 7px 10px;
    line-height: 35px;
    background-color: #088ed1;
    color: #fff;
    font-weight: bold;
    border-radius: 20px;
	border:1px solid #f5f6f7;
	text-align:center;
}
td {
text-align:center;
}
.smallf{
font-size:15px;
}
.bigf{
font-size:18px;
font-weight:bold;
}