@charset "utf-8";
*{margin:0; padding:0}
li{list-style:none}
a:link, a:visited{text-decoration:none; color:#000;}
a{outline:none}
img{}
html{
	width:100%;
	max-width: 900px;
	min-width: 900px;
}
body{
	width:900px;
	max-width: 900px !important;
	min-width: 900px;
	height:800px;
	font-size:16px;
	font-family: 'Noto Sans KR', sans-serif;
	margin:0 auto;
}

.head_seal{width:100%;height:130px;margin: 0 auto;padding:0;}
.head_left{width:750px;height:130px;margin:0 0 0 2%;padding:0;display: inline-block;float: left;}
.head_right{width:80px;height:130px;margin:0 4% 0 0;padding:0;display: inline-block;float:right;}

.head_subtitle{min-width:510px;height:30px;float: left;display: inline-block;
				font-size: 20px;margin:25px 0 0 0;}
.head_maintitle{min-width:510px;height:50px;float: left;display: inline-block;
				font-size: 35px;font-weight: 700;margin:10px 0 0 0;}

.btn_close{width:80px;height:25px;float: right;display: inline-block;background: #087dc2;
			font-size:15px;margin:19px 0 0 0;padding:2px 0 0 0;text-align: center;border-radius:5px;
			border: 1px solid #003668;line-height: initial;font-weight:700;cursor:pointer;}
.btn_close a {color: #ffffff;font-weight: 400;}			
.btn_close:hover{background-color: #003668;}
.btn_close:hover a{font-weight: 700;}
.btn_otherinfo{width:80px;height:44px;float: right;display: inline-block;background-color:#ffffff;
			font-size:15px;margin:28px 0 0 0;padding:6px 0 0 0;text-align: center;border-radius:5px;
			border: 1px solid #003668; color:#003668;line-height: initial;font-weight:700;cursor:pointer;
			line-height: 1.2;}
.btn_otherinfo a {color: #f78d0d;font-weight: 400;}			
.btn_otherinfo:hover{background-color: #003668;}
.btn_otherinfo:hover a{font-weight: 700;}

.head_underline{background-color: #a2a2a2;position: relative;float: left;display: block;width:94%; margin:3px 4% 0px 2%;height:3px;}

.body_seal{width:100%;height:500px;margin:10px auto 0 auto;}
.table_seal_1{width:92%;height:500px;margin: 0 4%;}
.table_seal_1 .table_body_top{width:100%;height:120px;}
.table_seal_1 .table_body_top tr{width:100%;height:60px;}
.td3{width:20%;height:60px; text-align: center;font-size:22px;}
.td4{width:14.28%;height:60px; text-align: center;font-size:22px;}
.table_seal_1 .table_body_top tr td a img{border:0px;width:72px;height:auto;}
.table_seal_1 .div_body_mid{width:820px;height:900px;background-color: #aa7777;}

.div_seal_2{width:96%;height:500px;margin: 0 2%;background-color: #aa77aa;}
.div_seal_2 .table_body_bot{width:860px;height:500px;}

.table_seal_1 .div_body_mid .today_1_table_body_mid{
		width:96%;height:250px;background-color:#ffdddd;
		margin:0px 2%;}

.menu_empty_space{display: inline-block;width:92%;height: 20px;}
.table_empty_space{display: inline-block;width:100%;height: 30px;}
.weather_body_seal{width:100%;height:100%;background-color: #fff;}

.jisu{width:100%;border-spacing: 0px;font-size: 0px;}
.jisu th{width:25%; height:43px; }
.jisu td{width:25%; height:43px; margin:0;padding:0;border:1px solid #dfdfdf;}
.jisu td img{width:90%; height:90%;background-color:; margin:0;padding:2.5px 0 0 0;}
.jisu td>a{width:25%; height:43px; margin:0;padding:0;line-height: 1;font-size: 15px;}
.jisu_ori{font-size: 14px;float: right;color:#929292;}

.shrt_cast{width:100%;margin:20px auto 0 auto;}
.shrt_cast ol ul{width:46%;height:80px;margin: 10px 2% ;padding:0;display: inline-block;float: left;
			text-align: center;}
.shrt_cast ol ul li{width:100%;height:30px;margin:5px 0;padding:0;display: inline-block;float:left;
			text-align: center;}
.shrt_cast div{width:100%;}
.shrt_cast ul, .shrt_cast li{border-radius:10px;}
.btn_shrt, .btn_mid, .btn_1month{background-color: #003668}
.btn_shrt:hover, .btn_mid:hover, .btn_1month:hover{cursor: pointer;}
.btn_shrt a, .btn_mid a, .btn_1month a{color: #ffffff;font-weight: 400;}			
.btn_shrt:hover, .btn_mid:hover, .btn_1month:hover{background-color: #003668;}
.btn_shrt:hover a, .btn_mid:hover a, .btn_1month:hover a{font-weight: 700;}
.btn_shrt a, .btn_1month a{margin:20px 0 0 0;display: inline-block;font-size:28px;}

.btn_mid a{margin:1px 0 0 0;display: inline-block;font-size:18px;}

.title_shrt a{font-size:28px;font-weight: 700;width: 92%; magrin: 0% 2% 0% 4%;}
.weather_title_body_mid_1 a{font-size:24px;font-weight: 700;margin:0 0%;}
.weather_title_body_mid_2 a{font-size:24px;font-weight: 700;margin:0 0%;}
.weather_title_body_mid_2{margin:10px 0 0 0;}
.weather_subtitle_body_mid{float:right;margin : -20px 0 0 0;cursor: pointer;}
.coment_body_mid{color:#eeeeee;display: inline-block;width:100%;height:20px;}

.non_act{display: none;}
.act{display: inline-block;}



/*상단으로가기*/


#wrap {margin:0 auto; width:1000px; }


#header{ width:100%;}
#header .toplogo{ width:526px; float:left;}
#header .top_btn{ float:right; padding-top:20px;}
#header .top_btn li{ float:left; text-align:center; padding:15px; font-size:18px; color:#000; line-height:22px;}
#header .menttle{ width:100%; background-color:#259f51; color:#fff; height:50px; clear:both;}
#header .menttle li{ width:25%; float:left; line-height:50px; text-align:center; font-size:20px; }
#header .menttle a{ color:#fff; height:50px; display:block; text-align:center;}
#header .menttle a:hover{ color:#fff; background-color:#0a5e28;  height:50px; display:block; text-align:center;}
#header .menttle .m_over{ color:#fff; background-color:#0a5e28;  height:50px; text-align:center;}

.v_img{  clear:both; background-image:url(../img/map01.jpg); width:1000px; height:456px;}
.v_img .d_icon01{ position:absolute;margin-top:257px; margin-left:137px;}
.v_img .d_icon02{ position:absolute; margin-top:113px; margin-left:213px;}
.v_img .d_icon03{ position:absolute;margin-top:280px; margin-left:490px;}
.v_img .d_icon04{ position:absolute;margin-top:156px; margin-left:677px;}
.v_img .d_icon05{ position:absolute; margin-top:140px; margin-left:405px;}

.v_img .map01_01{ position:absolute; margin-top:25px; margin-left:50px;}
.v_img .map01_02{ position:absolute; margin-top:263px; margin-left:415px;}
.v_img .map01_03{ position:absolute; margin-top:307px; margin-left:606px;}
.v_img .map02_01{ position:absolute; margin-top:3px; margin-left:587px;}
.v_img .map02_02{ position:absolute; margin-top:327px; margin-left:675px;}
.v_img .map02_03{ position:absolute; margin-top:404px; margin-left:730px;}
.v_img .map03_01{ position:absolute; margin-top:403px; margin-left:478px;}
.v_img .map03_02{ position:absolute; margin-top:3px; margin-left:500px;}
.v_img .map03_03{ position:absolute; margin-top:30px; margin-left:610px;}
.v_img .map04_01{ position:absolute; margin-top:385px; margin-left:665px;}
.v_img .map04_02{ position:absolute; margin-top:40px; margin-left:355px;}

.b_b_l{ border-bottom:1px solid #dfdfdf;}


.contain{ width:960px; margin:0 auto; margin-top:20px;}

.con_box{ width:100%; margin:0 auto;}
/*.con_box p{ padding-top:5px;}*/ 

.m_ticon{ background:url(../img/m_ticon.jpg) no-repeat left; padding-left:60px; line-height:43px; font-size:22px;}

.i_mbox{ width:100%; margin-top:10px;}
.licon{ float:left;margin:-30px 0 0 0;width:92%;padding: 0 4% 0 4%;position: relative;top: 10px;}
.licon img{border:0;}
.i_mbox .riconment{ float:right;}
.i_mbox .riconment li{ float:left; line-height:24px;}
.i_mbox .riconment li img{ margin-right:10px;}

.tablebox01{ width:96%; clear:both; padding-top:15px;padding:10px 2% 0 2%; margin: 20px auto 0 auto;}
.tablebox01 table{border-top:1px solid #000;}
.tablebox01 th{ background-color:#f5f5f5; height:45px; font-size:18px; font-weight:none; color:#000; border-bottom:1px solid #dfdfdf; border-right:1px solid #dfdfdf; }
.tablebox01 td{ border-right:1px solid #dfdfdf; height:45px; text-align:center;font-size:17px;background-color: #ffffff;}


#shrt_table_seal{width: 100%;overflow-x:scroll; overflow-y:hidden;}
.tablebox{width:420%;left: 0px;cursor:grab ;}
.mv_mouse{cursor:grabbing;}
#shrt{left: 0px;}


/*
.tablebox{ width:100%; clear:both; padding-top:15px;}


*/
.tablebox table{ table-layout: fixed;}
/*.tablebox th{ background-color:#f5f5f5; height:40px; font-size:13px; font-weight:none; color:#000; border-bottom:1px solid #dfdfdf; border-right:1px solid #dfdfdf; }*/
.tablebox th{ border-top:1px solid #000; background-color:#f5f5f5; height:33px; font-size:13px; font-weight:none; color:#000; border-bottom:1px solid #dfdfdf; border-right:1px solid #dfdfdf; }
.tablebox td{ border-right:1px solid #dfdfdf; height:33px; border-bottom:1px solid #dfdfdf;  text-align:center;font-size:13px;}
.th{background-color:#f5f5f5; height:40px; font-size:13px; font-weight:none; color:#000; border-bottom:1px solid #dfdfdf; border-right:1px solid #dfdfdf; }
.time_td{width:50px !important;}

.shrt_seal{width:92%; margin : 0% 4%;}
.con_box{margin:0 4% 0 0;}
#shrt_seal{width:92%; margin : 0% 4%;}

/*.tdnot:not(.tablebox td){ width:1px; white-space: nowrap;}*/

/*.test1:not(.tablebox){}*/


.r_mt{ text-align:right;  color:#006;margin:0 4%;width: 92%}


.footer{ width:100%; background-color:#dfdfdf;}



/*하단멘트*/

.btm_btn{ width:1000px; margin-top:30px;}
.btm_btn .nuri_logo{ float:left;}
.btm_btn .mudeungtle{ float:right; margin-right:30px;}
.btm_btn .mudeungtle li{ float:left;}




/*viper*/

.time_line{ color:#006; position: relative; left:-10px; width:20px; height:20px; background-color:#fff; border:1px solid #dfdfdf; border-radius:5px; float:left; font-size:14px; text-align:center;}
.temp_line{ color:#F00; position: relative; left:-10px; width:20px; height:20px; background-color:#fff; border:1px solid #dfdfdf; border-radius:5px; float:left; font-size:14px; text-align:center;}
.vec_line{ position: relative; left:-20px; width:20px; height:20px; }
.vec_line_end{ position: relative; left:-10px; width:20px; height:20px; }
.wsd_line{ color:#0061b6; position: relative; left:-16px; width:32px; height:20px; background-color:#fff; border:1px solid #dfdfdf; border-radius:5px; float:left; font-size:14px; text-align:center;}
.humi_line{ color:#259f51; position: relative; left:-10px; width:20px; height:20px; background-color:#fff; border:1px solid #dfdfdf; border-radius:5px; float:left; font-size:14px; text-align:center;}
.sense_red{ color:#F00; position: relative; left:-10px; width:20px; height:20px; background-color:#fff; border:1px solid #dfdfdf; border-radius:5px; float:left; font-size:14px; text-align:center;}
.sense_blue{ color:#0061b6; position: relative; left:-10px; width:20px; height:20px; background-color:#fff; border:1px solid #dfdfdf; border-radius:5px; float:left; font-size:14px; text-align:center;}
.frost_line{ position: relative; left:-20px; }

.red_line{ color:#F00; position: relative; left:0px; width:100%; height:100%px; background-color:#fff;font-size:14px; text-align:center;}
.blue_line{ color:#0061b6; position: relative; left:0px; width:100%; height:100%px; background-color:#fff;font-size:14px; text-align:center;}
.img_line{ position: relative; left:0px; width:20px; height:20px; }
.green_line{ color:#259f51; position: relative; width:100%; height:20px; background-color:#fff; font-size:14px; text-align:center;}

/*중기예보 table*/
.mt_1{width: 100px;}

#st_date_0{display: inline-block;position: relative;left: 0;}
.shrt_date_0{text-align: left;}
#st_date_1{display: inline-block;position: relative;left: 0;}
.shrt_date_1{text-align: left;}
#st_date_2{display: inline-block;position: relative;left: 0;}
.shrt_date_2{text-align: left;}

.tminmax{display: inline-block;position: relative;font-size:12px;font-weight: 400;}
.tmin_line{color:#0061b6; display: inline-block;position: relative;}
.tmax_line{color:#F00; display: inline-block;position: relative;}

/*단기예보 스크롤바 숨기기*/
#shrt_table_seal {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}
#shrt_table_seal::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera*/
}

/*단기예보 탭*/
#days_box{
	display: inline-block;position: relative;font-size:18px;font-weight: 400;	width: 100%;height: 30px;	text-align: center;bottom : -30px;
}
.days_item{
	width: 100px;float: left;
	display: inline-block;position: relative;	
	color: #fff;background-color: #087dc2;border: 2px solid #afafaf;border-radius: 10px 10px 0 0;
	cursor: pointer;
}
.day_act{background-color: #003668; color: #fff; border-radius: 10px 10px 0 0}
.days_item :hover{
	background-color: #003668; color: #fff;border-radius: 10px 10px 0 0;
}
.table_coment{font-size: 12px;color: #007}

/*other 메뉴*/

.other_seal{
	transition: all 0.5 ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	position:fixed;
	z-index:9999;
	top:0;
	height;
	width:85%;
	background-color: #123456;
	display:inline-block;
	left:0;
}
/*other 메뉴 버튼 설정*/

.other_seal .btn_other_close{
	transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	display: inline-block;
	float:left;
	cursor: pointer;
	padding: 30.285714px 31px;
	position: absolute;
	z-index: 2;
	top:17px;
	width:30px;
	height: 20.18181818px;
}

.other_seal .btn_other_close span,
.other_seal .btn_other_close span:before,
.other_seal .btn_other_close span:after{
	transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	width:30px;
	height:2px;
	background-color: #000000;
}

.other_seal .btn_other_close span{
	position:relative;
	display: inline-block;
	float:left;
	margin-top:9.09090909px;
}
.other_seal .btn_other_close span:before,
.other_seal .btn_other_close span:after{
	content: "";
	position: absolute;
	left: 0;
}

.other_seal .btn_other_close span:before{
	top:-9.09090909px;
}
.other_seal .btn_other_close span:after{
	top:9.09090909px;
}

/*other 메뉴 호출 후*/
.other_seal .btn_other_close.active span{
	background-color: transparent;
}

.other_seal .btn_other_close.active span:before,
.other_seal .btn_other_close.active span:after{
	top:0;
}

.other_seal .btn_other_close.active span:before{
	transform: :rotate(-135deg);
	-webkit-transform: :rotate(-135deg);
	-moz-transform: :rotate(-135deg);
	-o-transform: :rotate(-135deg);
	-marker-transform: :rotate(-135deg);
}

.other_seal .btn_other_close.active span:after{
	transition-delay:0.09s;
	-webkit-transition-delay:0.09s;
	-moz-transition-delay:0.09s;
	-o-transition-delay:0.09s;
	-ms-transition-delay:0.09s;
	transform: :rotate(135deg);
	-webkit-transform: :rotate(135deg);
	-moz-transform: :rotate(135deg);
	-o-transform: :rotate(135deg);
	-marker-transform: :rotate(135deg);	
}

.other_seal ul{
	width:100%;
	list-style-type: none;
	position: absolute;
	z-index: 1;
	margin:0;
	padding:0;
	top:15%;
	left:0;
	right:;
	height: auto;
	text-align: left;
}

.other_seal ul li,
.other_seal ul a{
	display: inline-block;
	float: left;
	line-height:;
	padding: 0;
	font-weight:bold;
	vertical-align: middle;
	color:#ffffff;
	text-decoration: none;
}
.other_seal ul a{
	font-size: 15px;
	margin:11px 0 0 0;
}
/*방문한 링크 글자색*/
.other_seal ul li,
.other_seal ul a:visited{
	color:#ffffff;
}

.other_seal ul li{
	height: 42px;
}
.other_seal ul li a{
	width:100%;
	height: 42px;
}


.other_seal  ul li.btn_other_master_1,
.other_seal  ul li.btn_other_master_2, 
.other_seal  ul li.btn_other_master_3
{
	width:90%;
	padding: ;
	height: 42px;
	display: block;
	font-size: 17px;
	text-transform: lowercase;
	font-weight: bold;
	background-color: #123456;
	text-indent: 20px;
	border: 7.47px solid #ffffff; 
}


/*

.other_seal  ul li.btn_other_master:first-child{
	border-top: 0;
} */

.other_seal ul li.btn_other_slave_1,
.other_seal ul li.btn_other_slave_2,
.other_seal ul li.btn_other_slave_3{
	width:45%;
	font-size: 16px;
	text-transform: inherit;
	text-indent: 30px;
	border: 3.73px solid #ffffff;
}


.other_seal{
	left:-100%;
}
/*
.other_seal .btn_other_close{
	left:-20%;
}
*/
.other_seal.active{
	left:0;
}
/*
.other_seal.active .btn_other_close{
	left:calc(150%);
	margin-left: -90px;
}
*/

.other_seal ul li.btn_other_slave_1,
.other_seal ul li.btn_other_slave_2,
.other_seal ul li.btn_other_slave_3{
	background:#234567;
	color:#ff0000;
}

/*이미 방문한 링크 색 설정하기*/
.btn_other_master_1,
.btn_other_master_2,
.btn_other_master_3,
.btn_other_slave_1,
.btn_other_slave_2,
.btn_other_slave_3:visited{
	color:#142f44;
}
/*other 메뉴 버튼에 마우스 오버시*/

.other_seal ul .btn_other_slave_1:hover a,
.other_seal ul .btn_other_slave_2:hover a,
.other_seal ul .btn_other_slave_3:hover a{
	color:#142f44;	
} 
.other_seal ul .btn_other_slave_1:hover,
.other_seal ul .btn_other_slave_2:hover,
.other_seal ul .btn_other_slave_3:hover  {
	background-color: #ffffff;
} 

/*other메뉴 하위메뉴 활성화 비활성화*/
#btn_other_act{display: inline-block;}
#btn_other_non_act{display: inline-block;}


/*other 메뉴 버튼 위치 지정*/
#other_seal{
	position: relative;
	right;

}

/*메뉴 밖화면 위치 고정*/
.other_overlay{
	position: fixed;
	top:0;
	z-index:9998;
	width:100%;
	height:100%;
	display: none;
	background-color: rgba(0, 0, 0, 0.6);
	cursor: pointer;
}



@media (max-width:767px){
	 /*other 버튼 사이 선*/
	.other_seal ul li{
		height: 82px;
	}


	.other_seal  ul li.btn_other_master_1,
	.other_seal  ul li.btn_other_master_2, 
	.other_seal  ul li.btn_other_master_3
	{
		height: 82px;
		font-size: 17px;
		text-indent: 20px;
		border: 7.45px solid #ffffff; 
	}

	.other_seal ul li.btn_other_slave_1,
	.other_seal ul li.btn_other_slave_2,
	.other_seal ul li.btn_other_slave_3{
		font-size: 16px;
		text-transform: inherit;
		text-indent: 30px;
		border: 3.73px solid #ffffff;
	}
	.other_seal ul a{
		font-size: 25px;
		margin:25px 0 0 0;
	}
	/*	
	.tablebox{ overflow:scroll; overflow-y:hidden}
	
	.tablebox table{ width:200%;height:200%;}
	.tablebox th{ height:45px; font-size:18px;}
	.tablebox td{ height:45px; font-size:18px;}
	.th{background-color:#f5f5f5; height:40px; font-size:17px; font-weight:none; color:#000; border-bottom:1px solid #dfdfdf; border-right:1px solid #dfdfdf; }
	.time_td{width:50px;}
	.humi_line{ left:-15px; width:30px; height:30px;font-size:17px;}
	.time_line{ left:-15px; width:30px; height:30px;font-size:17px;}
	.temp_line{ left:-15px; width:30px; height:30px;font-size:17px;}
	.vec_line{ left:-40px; width:30px; height:30px; }
	.vec_line_end{ left:-15px; width:30px; height:30px; }
	.wsd_line{ left:-24px; width:48px; height:30px;font-size:17px;}
	.sense_red{ left:-15px; width:30px; height:30px;font-size:17px;}
	.sense_blue{ left:-15px; width:30px; height:30px;font-size:17px;}
	*/
}