.frost_prod_box { margin-bottom: 10px; padding: 0; }
#frost_pb_date { top: -50px; right: 0; text-align: right; margin-left: auto;}
.frost_prod_data { left: 150px !important; }
.frost_prod_loc { top: 11px; left: 310px; position: absolute; width: 798px !important; height: 50px; }
#frost_pl_table { display: none; }
#frost_pl_table td:first-child { width: 50px; text-align: right; }
#frost_pl_table td:last-child { padding-left: 10px; }
#frost_pb_select { position: absolute; right: 10px; top: 18px; outline: none; }

/* 처음 디자인  
	#frost_day_wrap { margin-bottom: 10px; padding: 0; }
	#frost_day_wrap * { height: 100%; vertical-align: top; }
	#frost_day_wrap div { display: inline-block; width: 95px; line-height: 70px; text-align: center; }
	#frost_day_wrap button { width: 506px; } 
	#frost_day_wrap button[data-stat="pick"] { background-color: #3A4D76; color: white; }
	#frost_day_wrap button[data-stat="wait"] { background-color: transparent; color: black; }
	#frost_predict_btn_1 { margin-left: -2px; }
	#frost_predict_btn_2 { margin-left: -3px; }
*/

#frost_map_wrap { position: relative; width: 100%; }
	#fmw_map { border: 1px solid #DDD;  width: 100%; height: 650px; background-color: #85ACD9 /* #E8E2EC; */ }

	/* 변경 안  */
	.frost_class_predict { position: absolute; border-radius: 4px; padding: 9px; color: white; font-size: 13px; z-index: 10; }
	.frost_class_predict[data-state="pick"] { background-color: rgba(0,154,225,0.7); }
	.frost_class_predict[data-state="wait"] { background-color: rgba(0,0,0,0.5); } 
	#frost_predict_btn_1 { top: 10px; left: 10px; }
	#frost_predict_btn_2 { top: 10px; left: 97px; }
	#frost_predict_btn_3 { top: 10px; left: 184px; }
	#frost_predict_btn_4 { top: 10px; right: 10px; }
	
	#frost_filter_wrap { position: absolute; top: 50px;  right: 10px; width: 208px; height: 112px; border: 1px solid #DDD; border-radius: 4px; background-color: #EAEDF2; display: none; }
	#frost_fw_div { position: relative; width: 100%; height: 100%; }
	#frost_fwd_input, #frost_fwd_select { position: absolute; top: 10px; }
	#frost_fwd_input { left: 10px; width: 90px; height: 40px; border: 1px solid #DDD; background-color: white; }
	#frost_fwd_input li { display: inline-block; height: 100%; }
	#frost_fwd_input li:nth-child(2) { line-height: 38px; font-size: 25px; font-weight: blod; }
	#frost_fwdi_value { margin-top: -10px; outline: none; width: 60px; height: 100%; text-align: right; color: #107AE8; font-size: 25px; font-weight: blod; vertical-align: top; }
	
	#frost_fwd_select { right: 10px; outline: none; width: 90px; height: 40px; border: 1px solid #DDD; }
	#frost_fwd_operator{    position: absolute; top: 19px; left: 115px;}
	#frost_fw_div button { position: absolute; width: 90px; height: 40px; bottom: 10px; }
	#frost_fwd_apply { left: 10px; background: #394D76; color: white; cursor: pointer; }
	#frost_fwd_reset { right: 10px; background: #CCCCCC; cursor: default; }
	 
	#frost_legend { 
		position: absolute; top: 330px; left: 10px; transform: translateY(-50%); z-index: 10; 
		/*background: rgb(0,0,64);
		background: -moz-linear-gradient(top, rgba(0,0,64,0.5) 0%, rgba(164,251,245,0.5) 95%, rgba(238,238,238,0.5) 100%);
		background: -webkit-linear-gradient(top, rgba(0,0,64,0.5) 0%,rgba(164,251,245,0.5) 95%,rgba(238,238,238,0.5) 100%);
		background: linear-gradient(to bottom, rgba(0,0,64,0.5) 0%,rgba(164,251,245,0.5) 95%,rgba(238,238,238,0.5) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000040', endColorstr='#eeeeee',GradientType=0 ); */
	}
	#frost_legend li { position: relative; width: 10px; height: 10px; border-top: 1px solid rgba(255, 255, 255, 0.1); }
	#frost_legend li span { position: absolute; left: 25px; border-radius: 4px; padding: 2px 5px; color: white; font-size: 13px; background-color: rgba(0, 0, 0, 0.5) }
#frost_legend li:first-child  { background-color: #BF000080; }
#frost_legend li:nth-child(2) { background-color: #C8000080; }
#frost_legend li:nth-child(3) { background-color: #D5000080; }
#frost_legend li:nth-child(4) { background-color: #E3000080; }
#frost_legend li:nth-child(5) { background-color: #EE0B0B80; }
#frost_legend li:nth-child(6) { background-color: #F3212180; }
#frost_legend li:nth-child(7) { background-color: #F63E3E80; }
#frost_legend li:nth-child(8) { background-color: #F8606080; }
#frost_legend li:nth-child(9) { background-color: #FA858580; }
#frost_legend li:nth-child(10) { background-color: #FCABAB80; }
#frost_legend li:nth-child(11) { background-color: #CCAA0080; }
#frost_legend li:nth-child(12) { background-color: #D4B00080; }
#frost_legend li:nth-child(13) { background-color: #E0B90080; }
#frost_legend li:nth-child(14) { background-color: #EDC30080; }
#frost_legend li:nth-child(15) { background-color: #F9CD0080; }
#frost_legend li:nth-child(16) { background-color: #FFD60480; }
#frost_legend li:nth-child(17) { background-color: #FFDC1F80; }
#frost_legend li:nth-child(18) { background-color: #FFEE4680; }
#frost_legend li:nth-child(19) { background-color: #FFEA6E80; }
#frost_legend li:nth-child(20) { background-color: #FFF09A80; }
#frost_legend li:nth-child(21) { background-color: #00800080; }
#frost_legend li:nth-child(22) { background-color: #008E0080; }
#frost_legend li:nth-child(23) { background-color: #00A40080; }
#frost_legend li:nth-child(24) { background-color: #00BD0080; }
#frost_legend li:nth-child(25) { background-color: #00D50080; }
#frost_legend li:nth-child(26) { background-color: #08E90880; }
#frost_legend li:nth-child(27) { background-color: #1EF31E80; }
#frost_legend li:nth-child(28) { background-color: #42FF4280; }
#frost_legend li:nth-child(29) { background-color: #69FC6980; }
#frost_legend li:nth-child(30) { background-color: #96FE9680; }
#frost_legend li:nth-child(31) { background-color: #0077B380; }
#frost_legend li:nth-child(32) { background-color: #0080C480; }
#frost_legend li:nth-child(33) { background-color: #008DDE80; }
#frost_legend li:nth-child(34) { background-color: #009DF680; }
#frost_legend li:nth-child(35) { background-color: #07ABFF80; }
#frost_legend li:nth-child(36) { background-color: #1FB5FF80; }
#frost_legend li:nth-child(37) { background-color: #3EC1FF80; }
#frost_legend li:nth-child(38) { background-color: #61CDFF80; }
#frost_legend li:nth-child(39) { background-color: #87D9FF80; }
#frost_legend li:nth-child(40) { background-color: #ACE5FF80; }
#frost_legend li:nth-child(41) { background-color: #7F00BF80; }
#frost_legend li:nth-child(42) { background-color: #8700CE80; }
#frost_legend li:nth-child(43) { background-color: #9200E480; }
#frost_legend li:nth-child(44) { background-color: #A000F780; }
#frost_legend li:nth-child(45) { background-color: #AD07FF80; }
#frost_legend li:nth-child(46) { background-color: #C23EFF80; }
#frost_legend li:nth-child(47) { background-color: #C23EFF80; }
#frost_legend li:nth-child(48) { background-color: #CD61FF80; }
#frost_legend li:nth-child(49) { background-color: #DA87FF80; }
#frost_legend li:nth-child(50) { background-color: #E5ACFF80; }
#frost_legend li:nth-child(51) { background-color: #D9D9D980; }
	#frost_legend li:first-child span, #frost_legend li:nth-child(11) span { top: -11px; }
	#frost_legend li:last-child span { bottom: -11px; }
	#frost_table_wrap { position: relative; margin-top: 50px; width: 100%; display: none; }
	#ftw_button { position: absolute; top: -40px; right: 0; border-radius: 4px; color: white; width: 100px; height: 35px; background-color: #42566C; } 
	#ftw_table { margin-top: 5px; border-top: 1px solid #000; border-bottom: 1px solid #ddd; width: 100%; }
	#ftw_table th, #ftw_table td { height: 40px; }
	#ftw_table th { border-bottom: 1px solid #ddd; background-color: #EAEDF2; }
	#ftw_table td { text-align: center; }
/* Start change open layer settings  */
	.ol-zoom { top: unset; left: unset; bottom: .5em; right: .5em; }
	.ol-mouse-position { top: 10px; left: 50%; bottom: unset; right: unset; transform: translateX(-50%); display: none; }
/* Finish change open layer settings  */