@charset "euc-kr";

/* theeast create 20121010 by yeye */

/* »ýÈ°±â»óÁö¼ö ÄÁÅÙÃ÷ ½ÃÀÛ : ÀÌÀü¿£ ´Ù Å×ÀÌºí·Î ±¸¼ºµÇ¾î ÀÖÀ¸¹Ç·Î »õ·Î ±¸¼º */
.lifeIndex { position:relative; width:685px;}
.lifeIndex:after {content:"";display:block;clear:both;height:0;visibility:hidden;}


*:first-child+html .lifeIndex {zoom:1;}
* html .lifeIndex {zoom:1;}


/*¼­ºñ½º Á¦°ø±â°£ÀÌ ¾Æ´Ñ ¾È³» °ø°£*/
.noneSer { margin-top:18px; border:3px solid #dae3fc;padding:6px 20px 6px 40px; line-height:1.83; background:url(../../images/weather/lifenindustry/application_error.png) 10px 50% no-repeat;}





#lifeTabmenu{clear:both;width:auto;height:31px; overflow:hidden; _zoom:1;*zoom:1;}
#lifeTabmenu ul{clear:both; display:block;list-style:none;margin:0;padding:0; height:31px; background:url(../../images/weather/lifenindustry/lifeTabmenu_ulBg.gif) 0 0 no-repeat; _zoom:1;*zoom:1;}
#lifeTabmenu ul li{float:left;display:inline;margin:0;padding:0px;}
#lifeTabmenu ul li a{display:inline-block;padding:7px 17px;margin:0px; color:#5c5c5c;line-height:1.68;}
#lifeTabmenu ul li.on a{ border:1px solid #d7d7d7; border-bottom:none;padding:6px 16px 4px;background:url(../../images/weather/lifenindustry/lifeTabmenu_ulliBg.gif) #fff no-repeat 50% 26px;color:#5c5c5c;font-weight:bold; letter-spacing:-1px;}
#lifeTabmenu ul li a:hover { text-decoration:none;}
#lifeTabmenu:after {content:"";display:block;clear:both;height:0;visibility:hidden;}





#lifeTabsmenu{clear:both;width:auto;height:31px; border:1px solid #d7d7d7; border-top:none; _zoom:1;*zoom:1;}
#lifeTabsmenu ul{clear:both; display:block;list-style:none;margin:0;padding:0 0 0 17px;_zoom:1;*zoom:1;}
#lifeTabsmenu ul li{float:left;display:inline;margin:0;padding:11px 0 0 0;*padding:9px 0 0 0; background:url(../../images/weather/lifenindustry/stabBg.gif) 0 11px no-repeat;}
#lifeTabsmenu ul li a{display:inline-block;padding:0px 9px 0 9px;margin:0px; color:#5c5c5c;line-height:1.15;}
#lifeTabsmenu ul li.on a{ color:#000;font-weight:bold; letter-spacing:-1px;}
#lifeTabsmenu ul li a:hover { text-decoration:none;}
#lifeTabsmenu:after {content:"";display:block;clear:both;height:0;visibility:hidden;}


#lifeTabsmenu ul li.first { background:none;}



/*Áö¼öº° »ó¼¼ ¸Þ´º*/

#subIndexTabmenu{clear:both;width:auto; height:26px; margin:18px 0 0 0; background:url(../../images/weather/lifenindustry/subIndexTabmenuBg.gif) 0 bottom repeat-x;_zoom:1;*zoom:1;}
#subIndexTabmenu ul{clear:both; display:block;list-style:none;height:26px; margin:1px 0 0 0;padding:0px; overflow:hidden; _zoom:1;*zoom:1;}
#subIndexTabmenu ul li{float:left;display:inline;margin:0 1px 0 0;padding:0 0 0 31px; background:url(../../images/weather/lifenindustry/subIndexTabmenu_liBg.gif) 0 -44px no-repeat;}
#subIndexTabmenu ul li a{display:inline-block;padding:5px 30px 6px 0px;margin:0px; color:#777;line-height:1.63;background:url(../../images/weather/lifenindustry/subIndexTabmenu_liBg.gif) right -44px no-repeat;}

#subIndexTabmenu ul li.on{ background:url(../../images/weather/lifenindustry/subIndexTabmenu_liBg.gif) 0 0px no-repeat;}
#subIndexTabmenu ul li.on a{ color:#0958a5;font-weight:bold; letter-spacing:-1px;background:url(../../images/weather/lifenindustry/subIndexTabmenu_liBg.gif) right 0px no-repeat;}
#subIndexTabmenu ul li a:hover { text-decoration:none;}
#subIndexTabmenu:after {content:"";display:block;clear:both;height:0;visibility:hidden;}


#subIndexTabmenu ul li.first { background:none;}



/* Á¦°ø±â°£ */
.period{ position:absolute; right:0;}

/* ³¯Â¥¼±ÅÃ */

#dateTabmenu{clear:both;width:auto;height:29px; overflow:hidden;}
#dateTabmenu ul{clear:both; display:block;list-style:none;margin:0;padding:0; height:27px; border:1px solid #cecece; background-color:#fff; overflow:hidden;}
#dateTabmenu ul li{float:left;display:inline;margin:0;padding:0px;border-right:1px solid #cecece; }
#dateTabmenu ul li span{display:inline-block;padding:5px 16px;margin:0px; color:#5c5c5c;line-height:1.68; background-color:#f3f3f3;}
#dateTabmenu ul li a{display:inline-block;padding:5px 23px;margin:0px; color:#333;line-height:1.68;}
#dateTabmenu ul li.on {padding:1px;}
#dateTabmenu ul li.on a{ border:1px solid #f39131;padding:3px 21px 0px;background:url(../../images/weather/lifenindustry/dataTabmenu_ulliBg.gif) #ffffea no-repeat 50% 19px;color:#333;}
#dateTabmenu ul li a:hover { text-decoration:none;}
#dateTabmenu:after {content:"";display:block;clear:both;height:0;visibility:hidden;}

#dateTabmenu5{clear:both;width:auto;height:29px; overflow:hidden; padding-right:0;}
#dateTabmenu5 ul{clear:both; display:block;list-style:none;margin:0;padding:0; height:27px; border:1px solid #cecece; background-color:#fff; overflow:hidden;}
#dateTabmenu5 ul li{float:left;display:inline;margin:0;padding:0px;border-right:1px solid #cecece;width:auto; }
#dateTabmenu5 ul select{margin:4px 8px; float:right;}
#dateTabmenu5 ul li span{display:inline-block;padding:5px 16px;margin:0px; color:#5c5c5c;line-height:1.68; background-color:#f3f3f3;}

*:first-child+html #dateTabmenu {zoom:1;}
* html #dateTabmenu {zoom:1;}




/* ³¯Â¥¼±ÅÃ */

#dateTabmenu2{clear:both;width:auto;/*height:58px;*/border:1px solid #cecece;border-left:none; overflow:hidden;}
#dateTabmenu2 ul{clear:both; display:block;list-style:none;margin:0 ;padding:0 0 0 -1px; /*border-left:none;*/;overflow:hidden;}
#dateTabmenu2 ul li{float:left;display:inline;margin:0;padding:0px; text-align:center;border-left:1px solid #cecece;}
#dateTabmenu2 ul li span{display:block;padding:3px 0px; width:66px;margin:0px; color:#5c5c5c;line-height:1.68; background-color:#f3f3f3;}
#dateTabmenu2 ul li span.time {border-top:1px solid #cecece;padding:4px 0px 1px; }
#dateTabmenu2 ul li a{display:block;padding:3px 0px;margin:0px; color:#333;line-height:1.68;}
#dateTabmenu2 ul li.on { margin:1px; border:1px solid #f39131!important; background-color:#ffffea;}
#dateTabmenu2 ul li.on a{padding:2px 0px 2px;color:#333;}
#dateTabmenu2 ul li a:hover { text-decoration:none;}


#dateTabmenu2 ul ul{ clear:both;list-style:none;margin:0;padding:0;border:none;border-top:1px solid #cecece;}
#dateTabmenu2 ul ul li{float:left;display:inline;margin:0;padding:0px;border-left:1px solid #cecece; }
#dateTabmenu2 ul ul li.first{ border:none;}
#dateTabmenu2 ul ul li a{display:block;padding:2px 0px 1px; width:40px;margin:0px; font-family: Tahoma; font-size:11px; font-weight:bold;color:#333;line-height:1.68;}

#dateTabmenu2 ul li.on ul li a {padding:2px 0px 1px;width:40px;background-color:#ffffea; }
#dateTabmenu2 ul li.on ul li.on { margin:1px; border:1px solid #f39131!important; background-color:#ffffea;}
#dateTabmenu2 ul li.on ul li.on a{ border:none;padding:1px 0px 2px;width:36px;background:url(../../images/weather/lifenindustry/dataTabmenu_ulliBg.gif) #ffffea no-repeat 50% bottom;color:#ff3c00;line-height:1.42;}
#dateTabmenu2 ul li.on ul li.on.first a{ width:35px;}

#dateTabmenu2:after {content:"";display:block;clear:both;height:0;visibility:hidden;}


*:first-child+html #dateTabmenu2 {zoom:1;}
* html #dateTabmenu2 {zoom:1;}




/* ¹ßÇ¥½Ã°¢ ¹× Áö¿ª¼±ÅÃ */

.viewTime {clear:both;position:relative;padding:20px 0 10px 18px;background:url(../../images/weather/lifenindustry/bg_tmfc.gif) 3px 14px no-repeat;}
.indexViewpop { position:absolute;right:1px; margin-top:-5px}


/* µµ¿ò µµ¿µ»ó */

.helpMovie {clear:both;width:auto; margin:10px 0 0 0;}
.helpMovie img { vertical-align:middle;}

/* Áö¼öº° ÇöÀçÁö¼ö Ç¥Ãâ */


#currentIndexView {clear:both;position:relative;}
#currentIndexView:after {content:"";display:block;clear:both;height:0;visibility:hidden;}

*:first-child+html #currentIndexView {zoom:1;}
* html #currentIndexView {zoom:1;}



#currentIndexView ul{clear:both; display:block;list-style:none;margin:0 0 0 -11px;padding:0; }
#currentIndexView ul li {float:left;display:inline;margin:0 0px 9px 6px;padding:0px;width:221px; }
#currentIndexView ul li.crl { clear:left}

#currentIndexView ul li div { position:relative;height:177px;padding:0px 13px;overflow:hidden;}
#currentIndexView ul li div h5 {padding:7px 0 0 15px; margin:0 -13px; height:25px; font-size:1em; color:#0c5aa6; line-height:1.58; background:url(../../images/weather/lifenindustry/currentIndexView_h5Bg.gif) 0 0 repeat-x; overflow:hidden;}
#currentIndexView ul li div h6 { height:23px; margin:13px 0 !important; padding:0;}

.indexDimg { display:block;position:absolute; left:0;top:0; width:221px; height:177px; background:url(../../images/weather/lifenindustry/currentIndexView_ulliBg.png) transparent 0 0 no-repeat;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/weather/lifenindustry/currentIndexView_ulliBg.png', sizingMethod='crop'); overflow:hidden; z-index:10;}
.indexNone { display:none;position:absolute; left:0;top:29px; width:221px; height:145px; color:#fff; text-align:center;background:url(../../images/weather/lifenindustry/opacity_bg.png) transparent 0 0 repeat;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/weather/lifenindustry/opacity_bg.png', sizingMethod='crop');z-index:9;}
.indexNone p { margin:63px 0 0 0;padding:0;}
.indexNone p strong { display:block; margin-bottom:5px;}
.indexStep { height:23px !important;}

/* ´Ü°è Áö¼ö¸¦ °¡Áø ¹è°æ*/

.step5bg{ background:url(../../images/weather/lifenindustry/indexStep5Bg.gif)}/* 5´Ü°è : ÀÚ¿Ü¼±Áö¼ö */
.step4bg{ background:url(../../images/weather/lifenindustry/indexStep4Bg.gif)}/* 4´Ü°è : ½ÄÁßµ¶Áö¼ö µî */

#currentIndexView ul li div.off {display:none !important;}
#currentIndexView ul li div.off .indexNone{display:block !important;}
#currentIndexView ul li div.off .indexStep img{display:none !important;}
#currentIndexView ul li div.off .indexGuide{display:none !important;}

/*#currentIndexView  µ¥ÀÌÅ¸ °¡ÀÌµå*/
table.indexGuide{width:100%;margin:3px 0;border:0;border-collapse:collapse;}
table.indexGuide th,table.indexGuide td{border:none;padding:0px; vertical-align:middle; text-align:left;}
table.indexGuide th input{ margin-right:7px; border:1px solid #bababa; background-color:#fcfcfc; width:40px; text-align:center; font-family:Arial; font-weight:bold;}
table.indexGuide th label { font-weight:normal; vertical-align:middle; line-height:1.63;}
table.indexGuide th label strong { color:#000;}
table.indexGuide td{ padding-top:8px; font-size:11px; color:#7d7d7d; line-height:1.53;}


/* Áö¼öº° ½Ã°£º°Áö¼ö Ç¥Ãâ  */

#timeseriesIndexView {clear:both;position:relative;}

/* ½Ã°£º°Áö¼ö Å×ÀÌºí */
table.timeseriesIndex{width:100%;margin:3px 0;border:0;border-collapse:collapse;border:1px solid #d2d2d2;border-top:2px solid #0958a5;}
table.timeseriesIndex tr{ text-align:center;}

table.timeseriesIndex th,table.timeseriesIndex td{border:1px solid #d2d2d2;padding:2px 0px 1px;text-align:center; color:#555;}
table.timeseriesIndex th{font-weight:bold; vertical-align:middle; }

table.timeseriesIndex thead th,table.timeseriesIndex thead td {background:#f7f6f6;line-height:1.53;}

table.timeseriesIndex tbody th { background:#fff; font-weight:normal; color:#0958a5; vertical-align:middle; padding:1px 0 0 0; height:51px;}
table.timeseriesIndex tbody td { background:url(../../images/weather/lifenindustry/indextable_tdBg.gif) 0 50% repeat-x; padding:0;}
table.timeseriesIndex tbody td span { display: block; /*visibility: hidden*/}
table.timeseriesIndex tbody td span.indexValue { color:#0062c1; font-family:Arial; font-weight:bold; margin:0;padding:3px 0 0 0;}
table.timeseriesIndex tbody td span.indexVimg {padding:9px 0 2px 0;}

table.timeseriesIndex tbody div.por{ position:relative !important; left:0;top:-8px; width:1px; height:1px; background-color:#fff; z-index:999;}
table.timeseriesIndex tbody .indextNone { display:none;position:absolute; left:84px;top:0px; width:599px; height:52px; color:#fff; text-align:center;background:url(../../images/weather/lifenindustry/opacity_bg.png) transparent 0 0 repeat;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/weather/lifenindustry/opacity_bg.png', sizingMethod='crop');z-index:9;}

table.timeseriesIndex tbody .indextNone p { margin:8px 0 0 0;padding:0;}
table.timeseriesIndex tbody .indextNone p strong { display:block; margin-bottom:3px;}


table.timeseriesIndex tbody th.off .indextNone { display:block;}
table.timeseriesIndex tbody td.off span { display:none;}

/* »ê¾÷±â»ó ½Ã°£º° Å×ÀÌºí */

table.timeseriesIndex2{width:100%;margin:3px 0;border:0;border-collapse:collapse;border:1px solid #d2d2d2;border-top:2px solid #0958a5;}
table.timeseriesIndex2 tr{ text-align:center;}

table.timeseriesIndex2 th,table.timeseriesIndex2 td{border:1px solid #d2d2d2;padding:2px 0px 1px;text-align:center; color:#555;}
table.timeseriesIndex2 th{font-weight:bold; vertical-align:middle; }

table.timeseriesIndex2 thead th,table.timeseriesIndex2 thead td {background:#f7f6f6;line-height:1.53;}

table.timeseriesIndex2 tbody th { background:#fff; font-weight:normal; color:#0958a5; vertical-align:middle; padding:1px 0 0 0;height:51px;line-height:1.28;}
table.timeseriesIndex2 tbody td { background:url(../../images/weather/lifenindustry/indextable_tdBg.gif) 0 50% repeat-x; padding:0; vertical-align:middle;}


table.timeseriesIndex2 tbody div.por{ position:relative !important; left:0px;*left:-62px;top:-19px;top/*\**/:-20px\9;*top:-19px; width:1px; height:1px; background-color:#C30; z-index:999;}

table.timeseriesIndex2 tbody .indextNone {/* display:none;*/position:absolute; left:126px;top:1px; width:215px !important;height:52px !important; /*background-color:#fff;*/ background:url(../../images/weather/lifenindustry/noneSer_bg.gif) #fff 0 0 repeat;/*background:url(../../images/weather/lifenindustry/opacity_bg.png) transparent 0 0 repeat;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/weather/lifenindustry/opacity_bg.png', sizingMethod='crop');*/z-index:9;}

table.timeseriesIndex2 tbody .indextNone p { /*display:none;*/display:block; margin:5px; height:43px;padding:0;  text-align:center; background-color:#fff; color:#6081e0;}
table.timeseriesIndex2 tbody .indextNone p strong {display:block;padding:8px 0 0;}

table.timeseriesIndex2 tbody th.off .indextNone { display:block !important; z-index:999;}
table.timeseriesIndex2 tbody td.off img { display:none;}





/* º¸°Ç±â»ó ½Ã°£º° Å×ÀÌºí */
table.timeseriesIndex3{width:100%;margin:3px 0;border:0;border-collapse:collapse;border:1px solid #d2d2d2;border-top:2px solid #0958a5;}
table.timeseriesIndex3 tr{ text-align:center;}

table.timeseriesIndex3 th,table.timeseriesIndex3 td{border:1px solid #d2d2d2;padding:2px 0px 1px;text-align:center; color:#555;}
table.timeseriesIndex3 th{font-weight:bold; vertical-align:middle; }

table.timeseriesIndex3 thead th,table.timeseriesIndex3 thead td {background:#f7f6f6;line-height:1.53;}

table.timeseriesIndex3 tbody th { background:#fff; font-weight:normal; color:#0958a5; vertical-align:middle; padding:1px 0 0 0;height:51px;line-height:1.28;}
table.timeseriesIndex3 tbody td { background:url(../../images/weather/lifenindustry/indextable_tdBg.gif) 0 50% repeat-x; padding:0; vertical-align:middle;}


table.timeseriesIndex3 tbody div.por{ position:relative !important; left:0px;*left:-62px;top:-12px; width:1px; height:1px; background-color:#C30; z-index:999;}

table.timeseriesIndex3 tbody .indextNone { display:none;position:absolute; left:126px;top:1px; width:215px;height:52px; /*background-color:#fff;*/ background:url(../../images/weather/lifenindustry/noneSer_bg.gif) #fff 0 0 repeat;/*background:url(../../images/weather/lifenindustry/opacity_bg.png) transparent 0 0 repeat;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/weather/lifenindustry/opacity_bg.png', sizingMethod='crop');*/z-index:9;}

table.timeseriesIndex3 tbody .indextNone p { /*display:none; */display:block; margin:5px; height:43px;padding:0;  text-align:center; background-color:#fff; color:#6081e0;}
table.timeseriesIndex3 tbody .indextNone p strong {display:block;padding:8px 0 0;}

table.timeseriesIndex3 tbody th.off .indextNone { display:block;}
table.timeseriesIndex3 tbody td.off img { display:none;}






/* Áöµµ·Î Ç¥ÇöµÇ´Â Áö¼ö */

.mapIndex { position:relative;padding:9px; margin:8px 0;border:1px solid #cecece;_zoom:1;*zoom:1;}
.mapIndex:after {content:"";display:block;clear:both;height:0;visibility:hidden;}


.mapIndex.mt0{ margin-top:0;}

.mapIndex .mapView { float:left; width:370px;}
.mapIndex .legendView { float:right;width:278px;padding:2px; margin-top:33px; background-color:#7f99e9;}

.mapIndex .mapView h6 { position:relative;padding:0 0 0 22px; margin:8px 0 11px; background:url(../../images/weather/lifenindustry/mapView_h6bg.gif) 1px 1px no-repeat;}
.mapIndex .mapView h6 .forecastDay { position:absolute;right:0; font-size:12px; font-weight:normal;}

.mapIndex .mapView .mapIn { position:relative;height:437px; border:1px solid #dedede; overflow:hidden;}
.mapIndex .mapView .mapIn img { position:absolute; left:-1px; top:-1px;}

.mapIndex .mapView .off {}

.mapIndex .mapView .mapIn.off div.por { display:block; position:absolute; top:50%; left:0; margin-top:-30px;}

.mapIndex .mapView .mapIn.off div.por .indexmNone {display:none;position:absolute; left:0px;top:0px; width:368px; height:61px;background:url(../../images/weather/lifenindustry/noneSer_bg.gif) #fff 0 0 repeat;z-index:9;}

.mapIndex .mapView .mapIn.off div.por .indexmNone p{ display:block; margin:5px; height:51px;padding:0;  text-align:center; background-color:#fff; color:#6081e0;}
.mapIndex .mapView .mapIn.off div.por .indexmNone p strong { display:block;padding:8px 0 0;}


.mapIndex .mapView .mapIn.off .indexmNone { display:block !important;}





.mapIndex .legendView h6 { position:relative;padding:0 0 0 10px; margin:7px 0;}
.mapIndex .legendView h6 span{ position:absolute;right:6px; top:-33px;*top:-31px; font-size:12px; font-weight:normal;}
.mapIndex .legendView .legendIn { border:1px solid #6081e0; background-color:#fff;}

.mapIndex .detailView {float:right;width:280px; }
.mapIndex .detailView h6 { position:relative;padding:0 0 0 22px; margin:9px 0 4px; font-size:12px; font-weight:normal; background:url(../../images/weather/lifenindustry/mapView_h6bg.gif) 1px 3px no-repeat;}
.mapIndex .detailView h6 .forecastDay { position:absolute;right:0; font-size:12px; font-weight:normal;}
 
 
.mapIndex .detailView h6 img.consult { position:absolute; top:-3px; border:none;padding:0px; margin:0;font-family:Dotum; font-size:11px; color:#555; cursor:pointer;}
.mapIndex .detailView ul { list-style: circle; margin:10px 0 0 0; padding:0;}
.mapIndex .detailView ul li { font-size:11px; letter-spacing:-0.1em;}
 
 
/*border »óÇÏÁÂ¿ì+»ó´ÜÅ×µÎ¸®°­Á¶ hover ±â´É ¾ø´Â°Í*/
table.legend{width:100%;margin:0;border:0;border-collapse:collapse;border-right:1px hidden #fff;background:#fff;}
* html table.legend{ border-right:1px solid #fff;}
*:first-child+html table.legend{border-right:1px solid #fff;}

table.legend caption { position:absolute; left:-9999px; top:-9999px; overflow:hidden;}

table.legend th,table.legend td{border-bottom:1px solid #d2d2d2;padding:2px 1px 2px; vertical-align:middle; line-height:1.23;}
table.legend thead th{font-weight:bold; background: url(../../images/weather/lifenindustry/legend_thBg.gif) 0 bottom repeat-x;padding:10px 1px 7px; border-right:1px solid #d2d2d2; border-bottom:1px solid #aeaeae;color:#646464;}
table.legend tbody th{border-right:1px solid #d2d2d2;font-weight: normal; height:65px;color:#666666;}
table.legend tbody td {padding:5px;}
table.legend.f11 tbody td  { font-size:11px;}
 
table.legend tbody th span { display:block; height:21px; margin-bottom:5px;}
table.legend tbody th p { font-family:Arial, Dotum; font-size:11px;}
table.legend tbody th p strong { display:block; font-size:12px; font-size:12px; letter-spacing:-1px;}


table.legend2{width:100%;margin:0;border:0;border-collapse:collapse;border-right:1px hidden #fff;background:#fff;}
* html table.legend{ border-right:1px solid #fff;}
*:first-child+html table.legend{border-right:1px solid #fff;}

table.legend2 caption { position:absolute; left:-9999px; top:-9999px; overflow:hidden;}

table.legend2 th,table.legend td{border-bottom:1px solid #d2d2d2;padding:2px 1px 2px; vertical-align:middle; line-height:1.23;}
table.legend2 thead th{font-weight:bold; background: url(../../images/weather/lifenindustry/legend_thBg.gif) 0 bottom repeat-x;padding:10px 1px 7px; border-right:1px solid #d2d2d2; border-bottom:1px solid #aeaeae;color:#646464;}
table.legend2 tbody th{border-right:1px solid #d2d2d2;font-weight: normal; width:70px; height:351px;color:#666666;}
table.legend2 tbody td {padding:5px;}
table.legend2.f11 tbody td  { font-size:11px;}
 
table.legend2 tbody th span { display:block; height:350px; }
table.legend2 tbody th p { font-family:Arial, Dotum; font-size:11px;}
table.legend2 tbody th p strong { display:block; font-size:12px; font-size:12px; letter-spacing:-1px;}



table.tbase{width:100%;margin:0;border:0;border-collapse:collapse;border:1px solid #e8e8e8;background:#fff;}

table.tbase th,table.tbase td{border:1px solid #e8e8e8;padding:1px 1px 0px; vertical-align:middle; line-height:1.83;}
table.tbase thead th{font-weight: normal;background:#fafafa;;color:#646464;}
table.tbase tbody th{font-weight: normal;color:#666666;}
table.tbase tbody td { text-align:center;}
table.tbase tbody td img { vertical-align:middle;} 
table.tbase tbody th span { display: inline-block; width:13px; height:13px; border:1px solid #333; vertical-align:middle;}
table.tbase tbody th span.trafficStep4 { background-color:#ff0000}/* °í¼Óµµ·Î±â»óÁö¼ö ¸Å¿ì³ª»Ý*/
table.tbase tbody th span.trafficStep3 { background-color:#ff5a22}/* °í¼Óµµ·Î±â»óÁö¼ö ³ª»Ý */
table.tbase tbody th span.trafficStep2 { background-color:#ffff00}/* °í¼Óµµ·Î±â»óÁö¼ö º¸Åë */
table.tbase tbody th span.trafficStep1 { background-color:#3366ff}/* °í¼Óµµ·Î±â»óÁö¼ö ÁÁÀ½ */


table.tbase2{width:100%;margin:0;border:0;border-collapse:collapse;border:1px solid #e8e8e8;background:#fff; border-top: 2px solid #0958A5;}

table.tbase2 th,table.tbase td{border:1px solid #e8e8e8;padding:1px 1px 0px; vertical-align:middle; line-height:1.83;}
table.tbase2 thead th{font-weight: normal;background:#fafafa;;color:#646464;}
table.tbase2 tbody th{font-weight: normal;color:#666666;}
table.tbase2 tbody td { text-align:center;border:1px solid #e8e8e8;}
table.tbase2 tbody td img { vertical-align:middle;} 
table.tbase2 tbody th span { display: inline-block; width:13px; height:13px; border:1px solid #333; vertical-align:middle;}




/* »ýÈ°°ú ±â»ó ÆË¾÷ */

body.lifenindustry_popup { width:100%; padding:0px !important; margin:0 !important; background:none !important; overflow-x:hidden !important;}
body.lifenindustry_popup .wrap { position:relative;margin:15px;width:540px;}
body.lifenindustry_popup #title { position:relative; margin-bottom:5px;}
body.lifenindustry_popup #title h1 { padding:0 0 0 20px; font-family:Dotum; font-size:12px; background:url(../../images/common/bu_arrow_gr.gif) 0 2px no-repeat;}
body.lifenindustry_popup #title .button { position:absolute; right:0px; top:-3px;}

body.lifenindustry_popup .content {position:relative; border:1px solid #999999;width:518px; padding:10px 10px 3px; margin:0;}

/* »ýÈ°±â»óÁö¼ö ÄÁÅÙÃ÷ ½ÃÀÛ : ÀÌÀü¿£ ´Ù Å×ÀÌºí·Î ±¸¼ºµÇ¾î ÀÖÀ¸¹Ç·Î »õ·Î ±¸¼º */
body.lifenindustry_popup .lifeIndex { position:relative; width:518px;padding:0}

body.lifenindustry_popup .viewTime {margin-top:0px;padding-top:5px;background:url(../../images/weather/lifenindustry/bg_tmfc.gif) 0px 0px no-repeat;}
body.lifenindustry_popup .lifeIndex .legendView{width:110px;padding:2px; margin-top:0px; background-color:#0957a4;}
#dateTabmenu3{clear:both;width:auto;/*height:58px; overflow:hidden;*/}
#dateTabmenu3 ul{clear:both; display:block;list-style:none;margin:0 ;padding:0 0 0 -1px;border:1px solid #cecece; border-left:none;overflow:hidden;}
#dateTabmenu3 ul li{float:left;display:inline;margin:0;padding:0px; text-align:center;border-left:1px solid #cecece; }
#dateTabmenu3 ul li span{display:block;padding:4px 0px; width:46px;margin:0px; color:#5c5c5c;line-height:1.68; background-color:#f3f3f3;}
#dateTabmenu3 ul li span.time {border-top:1px solid #cecece;padding:2px 0px 0px; }
#dateTabmenu3 ul li a{display:block;padding:4px 0px;margin:0px; color:#333;line-height:1.68;}
#dateTabmenu3 ul li.on { margin:0px; border:1px solid #f39131 !important; background-color:#ffffea;}
#dateTabmenu3 ul li.on a{padding:4px 0px 2px;color:#333;}
#dateTabmenu3 ul li a:hover { text-decoration:none;}


#dateTabmenu3 ul ul{ clear:both;list-style:none;margin:0;padding:0;border:none;border-top:1px solid #cecece;}
#dateTabmenu3 ul ul li{float:left;display:inline;margin:0;padding:0px;border-left:1px solid #cecece; }
#dateTabmenu3 ul ul li.first{ border:none;}
#dateTabmenu3 ul ul li a{display:block;padding:2px 0px 1px; width:30px;margin:0px; font-family: Tahoma; font-size:11px; font-weight:bold;color:#333;line-height:1.68;}

#dateTabmenu3 ul li.on ul li a {padding:1px 0px 0px; width:30px;background-color:#ffffea; }
#dateTabmenu3 ul li.on ul li.on {}
#dateTabmenu3 ul li.on ul li.on a{ border:none;padding:0px;width:26px;background:url(../../images/weather/lifenindustry/dataTabmenu_ulliBg.gif) #ffffea no-repeat 50% 13px;color:#ff3c00;line-height:1.42;}


#dateTabmenu3:after {content:"";display:block;clear:both;height:0;visibility:hidden;}


*:first-child+html #dateTabmenu3 {zoom:1;}
* html #dateTabmenu3 {zoom:1;}



/* ²É°¡·çÀ§ÇèÁö¼ö */

#pollen_map ul { position:absolute; list-style: none;z-index:100; padding:0; margin:0; z-index:999;}
#pollen_map ul li { list-style:none; position:absolute;width:18px; height:18px; }
#pollen_map ul li a { display:block; width:18px; height:18px; cursor:none; background:url(../../images/weather/lifenindustry/Mstep/pollen_Mstep1.png) 0 0 no-repeat;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/weather/lifenindustry/Mstep/pollen_Mstep1.png', sizingMethod='crop');}
#pollen_map ul li a span { display:none; }
#pollen_map ul li.lev3 a{ background:url(../../images/weather/lifenindustry/Mstep/pollen_Mstep4.png) 0 0 no-repeat;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/weather/lifenindustry/Mstep/pollen_Mstep4.png', sizingMethod='crop');}
#pollen_map ul li.lev2 a{ background:url(../../images/weather/lifenindustry/Mstep/pollen_Mstep3.png) 0 0 no-repeat;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/weather/lifenindustry/Mstep/pollen_Mstep3.png', sizingMethod='crop'); }
#pollen_map ul li.lev1 a{ background:url(../../images/weather/lifenindustry/Mstep/pollen_Mstep2.png) 0 0 no-repeat;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/weather/lifenindustry/Mstep/pollen_Mstep2.png', sizingMethod='crop'); }
#pollen_map ul li.lev0 a{ background:url(../../images/weather/lifenindustry/Mstep/pollen_Mstep1.png) 0 0 no-repeat;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/weather/lifenindustry/Mstep/pollen_Mstep1.png', sizingMethod='crop'); }


#pmSP1{ left:129px; top:75px;} /* ¼­¿ï */
#pmSP2{ left:248px; top:249px;} /* ºÎ»ê */
#pmSP3{ left:221px; top:196px;} /* ´ë±¸ */
#pmSP4{ left:121px; top:254px;} /* ±¤ÁÖ */
#pmSP5{ left:151px; top:165px;} /* ´ëÀü */
#pmSP6{ left:226px; top:35px;} /* °­¸ª */
#pmSP7{ left:104px; top:377px;} /* Á¦ÁÖ */
#pmSP8{ left:132px; top:206px;} /* ÀüÁÖ */
#pmSP9{ left:265px; top:225px;} /* ¿ï»ê */
#pmSP10{ left:174px; top:49px;} /* ÃáÃµ */



/* °í¼Óµµ·Î ±â»óÁö¼ö */

#traffic_map ul { position:absolute; list-style: none;z-index:100; padding:0; margin:0; z-index:999;}
#traffic_map ul li { list-style:none; position:absolute; display:block; width:8px; height:8px; }
#traffic_map ul li a { display:block; width:8px; height:8px; background:url(../../images/weather/lifenindustry/pblue.png) 0 0 no-repeat;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/weather/lifenindustry/pblue.png', sizingMethod='crop');}
#traffic_map ul li a:hover { background:url(../../images/weather/lifenindustry/pblue_ov.png) 0 0 no-repeat;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/weather/lifenindustry/pblue_ov.png', sizingMethod='crop');}
#traffic_map ul li a span { display:none; }

#traffic_map ul li.lev4 a{ background:url(../../images/weather/lifenindustry/pred.png) 0 0 no-repeat;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/weather/lifenindustry/pred.png', sizingMethod='crop');}
#traffic_map ul li.lev4 a:hover { background:url(../../images/weather/lifenindustry/pred_ov.png) 0 0 no-repeat;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/weather/lifenindustry/pred_ov.png', sizingMethod='crop'); }
#traffic_map ul li.lev3 a{ background:url(../../images/weather/lifenindustry/porange.png) 0 0 no-repeat;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/weather/lifenindustry/porange.png', sizingMethod='crop'); }
#traffic_map ul li.lev3 a:hover { background:url(../../images/weather/lifenindustry/porange_ov.png) 0 0 no-repeat;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/weather/lifenindustry/porange_ov.png', sizingMethod='crop'); }
#traffic_map ul li.lev2 a{ background:url(../../images/weather/lifenindustry/pyellow.png) 0 0 no-repeat;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/weather/lifenindustry/pyellow.png', sizingMethod='crop'); }
#traffic_map ul li.lev2 a:hover { background:url(../../images/weather/lifenindustry/pyellow_ov.png) 0 0 no-repeat;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/weather/lifenindustry/pyellow_ov.png', sizingMethod='crop'); }
#traffic_map ul li.lev1 a{ background:url(../../images/weather/lifenindustry/pblue.png) 0 0 no-repeat;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/weather/lifenindustry/pblue_ov.png', sizingMethod='crop'); }
#traffic_map ul li.lev1 a:hover { background:url(../../images/weather/lifenindustry/pblue_ov.png) 0 0 no-repeat;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/weather/lifenindustry/pblue_ov.png', sizingMethod='crop'); }


/* °í¼Óµµ·Î Æ÷ÀÎÆ®*/

#C4215031000 { left:226px; top:49px; }
#C4217053000 { left:240px; top:64px; }
#C4711325000 { left:253px; top:180px; }
#C3171025300 { left:240px; top:218px; }
#C4833051000 { left:237px; top:228px; }
#C2641068000 { left:240px; top:240px; }
#C2644052000 { left:234px; top:254px; }
#C4812725000 { left:209px; top:240px; }
#C4873037000 { left:207px; top:231px; }
#C2714068500 { left:224px; top:193px; }
#C2714061500 { left:217px; top:193px; }
#C2723071500 { left:210px; top:194px; }
#C2771034000 { left:207px; top:201px; }
#C4825037000 { left:233px; top:234px; }
#C2644051000 { left:233px; top:243px; }
#C4825031000 { left:225px; top:243px; }
#C4812125000 { left:218px; top:237px; }
#C4873038000 { left:202px; top:238px; }
#C4817032000 { left:188px; top:248px; }
#C4887035000 { left:169px; top:217px; }
#C4623025000 { left:158px; top:257px; }
#C4574033500 { left:161px; top:204px; }
#C4715025000 { left:194px; top:173px; }
#C4790035000 { left:218px; top:145px; }
#C4519059000 { left:149px; top:225px; }
#C4671032000 { left:125px; top:243px; }
#C4684031000 { left:100px; top:263px; }
#C4518058000 { left:128px; top:207px; }
#C4580032000 { left:119px; top:205px; }
#C4513037000 { left:119px; top:181px; }
#C4423025300 { left:137px; top:175px; }
#C3020052000 { left:145px; top:168px; }
#C3023052500 { left:152px; top:153px; }
#C3011072500 { left:157px; top:159px; }
#C3011074000 { left:154px; top:168px; }
#C4728036000 { left:191px; top:138px; }
#C4311376000 { left:151px; top:134px; } /*³²ÀÌ*/
#C4480038000 { left:108px; top:145px; }
#C4483039000 { left:112px; top:120px; }
#C4122035000 { left:125px; top:104px; }
#C4155038000 { left:138px; top:108px; }
#C4146351000 { left:137px; top:88px; }
#C4127157000 { left:125px; top:85px; }
#C4150033000 { left:153px; top:91px; }
#C4173032000 { left:162px; top:91px; }
#C4213032000 { left:177px; top:85px; }
#C4380031000 { left:201px; top:120px; }
#C4211039000 { left:169px; top:46px; }
#C4413125000 { left:139px; top:127px; }
#C4131053000 { left:131px; top:54px; }
#C4145059000 { left:139px; top:68px; }
#C2824571000 { left:116px; top:64px; }
#C2824564000 { left:116px; top:69px; }
#C2820065000 { left:114px; top:76px; }
#C4139054000 { left:119px; top:74px; }
#C4121065000 { left:125px; top:74px; }
#C4139057000 { left:124px; top:80px; }
#C4113565000 { left:135px; top:77px; }
#C4145051000 { left:143px; top:73px; }
#C4150034000 { left:152px; top:85px; }
#C4375025000 { left:155px; top:112px; }
#C4313033000 { left:178px; top:116px; }
#C4889034000 { left:192px; top:208px; }
#C2771036000 { left:204px; top:212px; }

.co {visibility:collapse;}
 *:first-child+html .co{display:none}