/* 상단 메뉴 */ div.AirGuardK_menu {top:50px;left:0;width:100%;height:36px; background-color:#247f94;} div.AirGuardK_menu ul {margin:0 auto; width:1000px;} div.AirGuardK_menu li {margin-right:23px;} div.AirGuardK_menu li a {display:block; color:#d3ffa8;} .main_left_wrap_map{ width:520px; height:455px;} .main_left_wrap_map .gallery{ position:relative; float:left; width:418px; height:453px; overflow:hidden; border:1px solid #d4d4d4;} .main_left_wrap_map .gallery .menu {position:relative; float:left; width:418px;} .main_left_wrap_map .gallery .menu li{position:relative; float:left; height:34px; overflow:hidden;} .main_right_wrap_map{ width:468px; height:455px;} /*날씨방송*/ .left_main_broadcast{width:520px; height:422px; padding-top:20px;} .left_broadcast_title{width:520px; height:28px; ; border-bottom:2px solid #55a7ba;} .left_broadcast_cont{position:relative; float:left;width:518px; text-align:center; border:1px solid #d4d4d4;} .left_media_player{margin-left:5px; margin-top:5px;} .left_broadcast_cont .infiniteCarousel {position:relative; float:left; width: 520px; height:125px; float:left; position: relative;} .left_broadcast_cont .infiniteCarousel .wrapper { position:relative; float:left; width:491px; height:125px; overflow: hidden; margin-left:0px; text-align:center;} .left_broadcast_cont .infiniteCarousel .wrapper ul { width: 9999px; list-style-image:none; list-style-position:outside; list-style-type:none; position:relative;} .left_broadcast_cont .infiniteCarousel ul li { width:156px; height:116px; display:block; float:left; padding:4px;} .left_broadcast_cont .infiniteCarousel ul li a img { display:block;} .left_broadcast_cont .infiniteCarousel .arrow { width:12px; height:116px; display: block; cursor: pointer;} .left_broadcast_cont .infiniteCarousel .forward { position:relative; float:left; margin-top:5px; } .left_broadcast_cont .infiniteCarousel .back { position:relative; float:left; margin-top:5px;} .left_pre_broadcast_title{ margin-top:3px;} .left_pre_broadcast_date{ position:relative; float:left; color:#666666; font-size:11px; height:19px; width:100%; text-align:center; display:inline-block;} .left_media_player #vod_bg { position:absolute; left: 5px; top: 225px; background-color : #182101; width : 380pt; height : 30pt; overflow-x : hidden; overflow-y : hidden; filter:alpha(opacity=70); z-index : 10;} .left_media_player #vod_title { position:absolute; left: 5px; top: 225px; color : #FFFFFF; width : 344pt; height : 30pt; overflow-x : hidden; overflow-y : hidden; font-weight:bold; z-index : 20;} .left_media_player #vod_title img { float:left; margin-left: 5px; margin-top:5px;} .left_media_player #vod_title span { float:left; display:block; line-height: 14px; margin-left: 4px; margin-top: 5px; text-align: left; width: 340px; font-size: 12px; line-height: 16px;} .left_media_player #dawinAD{ position: relative ; left: -4px; z-index:30;} /* 메인 오른쪽 대기 지도 */ .right_gallery{ position:relative; float:left; width:466px; height:453px; overflow:hidden; border:1px solid #d4d4d4;} #air_menu {position:relative; float:left; width:466px; border-bottom:1px solid #d4d4d4; } #air_menu li{position:relative; float:left; height:34px; overflow:hidden;} /* 미세먼지 실황 */ .air_pm10_map { float:left; width:753px; height:600px; border:1px solid #d4d4d4; } .air_pm10_map_tb { width:300px; height:425px; background-color:rgba(255,255,255,0.8); float:right; position:absolute; top:40px; right:10px; z-index:2; border-radius:0px; border:1px solid #d4d4d4;} .air_pm10_map_tb table {width:280px; height:405px; margin:10px; color:#676767; font-size:11px;} .air_pm10_map_tb table th {width:100%; height:20px; line-height:20px; text-align:left;} .air_pm10_map_tb table th img {vertical-align:middle;} .air_pm10_map_tb table th select{ width:188px; text-align:center; vertical-align: bottom; height:20px; color:#676767; font-weight:bold; border:0; background: #FFFFFF; outline:0; border:1px solid #d4d4d4; padding-left:10px;} .air_pm10_map_tb table th select option{ background-color:#FFFFFF; outline:0; border:0;} .air_pm10_map_tb table td img {vertical-align:middle;} .air_pm10_map_tb .fb {font-weight:bold; } .air_pm10_map_tb .lnb {border-bottom:2px solid #55a7ba;} .air_pm10_map_tb .lnt {border-top:2px solid #55a7ba;} .air_pm10_map_tb .h30 {height:30px;} .air_pm10_map_tb .h35 {height:35px;} .air_pm10_map_tb .h40 {height:40px;} .air_pm10_map_tb .pt05 {padding-top:5px;} .air_pm10_map_tb .pt10 {padding-top:10px;} .air_pm10_map_tb .pb05 {padding-bottom:5px;} .air_pm10_map_tb .pb10 {padding-bottom:10px;} .air_pm10_map_tb .mt10 {margin-top:10px;} .air_pm10_map_tb .txtC {text-align:center;} .air_pm10_map_tb .txtL {text-align:left;} .air_pm10_map_tb .txtR {text-align:right;} .air_pm10_map_tb .bg_gray {background-color:#E3E3E3;} .air_pm10_map_tb .ln_R {border-right:1px solid #d4d4d4;} .air_pm10_map_tb .ln_L {border-left:1px solid #d4d4d4;} .air_pm10_map_tb .ln_T {border-top:1px solid #d4d4d4;} .air_pm10_map_tb .ln_B {border-bottom:1px solid #d4d4d4;} .air_pm10_icon_sample {width:auto; height:22px; float:right; position:absolute; top:585px; right:10px;} .air_pm10_data_tb{position:relative; float:left; width:755px; height:112px; margin-top:10px;} .air_pm10_data_tb .left_div {position:relative; float:left; width:371px; height:112px; } .air_pm10_data_tb .right_div{position:relative; float:left; width:371px; height:112px; margin-left:13px;} .air_pm10_data_tb .tb_title {position:relative; float:left; width:100%; height:20.5px; color:#676767; font-size:11px;} .air_pm10_data_tb .tb_title img{float:left;} .air_pm10_data_tb .tb_title .station_name{float:left; margin-top:0px; color:#247f94; font-weight:bold; font-size:14px;} .air_pm10_data_tb .tb_title .station_time{float:right; margin-top:5px;} .air_pm10_data_tb .fb {font-weight:bold; } .air_pm10_data_tb .bg_gray {background-color:#E3E3E3;} .air_pm10_data_tb .ln_R {border-right:1px solid #d4d4d4;} .air_pm10_data_tb .ln_L {border-left:1px solid #d4d4d4;} .air_pm10_data_tb .ln_T {border-top:1px solid #d4d4d4;} .air_pm10_data_tb .ln_B {border-bottom:1px solid #d4d4d4;} .left_data_tb {position:relative; float:left; width:371px; height:90px; border-top:2px solid #55a7ba;} .left_data_tb table {width:100%; font-size:11px; text-align:center;} .left_data_tb table td {width:33%; height:29px; line-height:29px;} .left_data_tb table td img { vertical-align:middle; line-height:29px;} /* .air_pm10_data_tb .left_data_tb {position:relative; float:left; width:371px; height:90px; background-color:green; color:#676767; font-size:11px; text-align:center; border-top:2px solid #55a7ba; } */ .air_pm10_left {position:relative; float:left; width:371px; height:650px; margin-top:15px; } .air_pm10_right {position:relative; float:left; width:371px; height:650px; margin-top:15px; margin-left:13px; } .air_pm10_title {position:relative; float:left; width:60%; height:25px; vertical-align:middle; text-align:left; } .air_pm10_bwbt {position:relative; float:right; width:30%; height:25px; vertical-align:middle; text-align:right;} .rank_stick {position:relative; float:left; width:100%; height:250px; margin-top:0px; margin-bottom:20px;font-size:10px; border-top:2px solid #55a7ba; border-left:1px solid #d4d4d4; border-right:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4;} .rank_stick table {width:100%; height:250px; } .rank_stick table th{height:200px; vertical-align:bottom;} .rank_stick table td{height:50px; text-align:center;} .rank_stick .line {border-top:1px solid #d4d4d4;} .rank_stick .level_color_0 {color:#CCCCCC;} .rank_stick .level_color_1 {color:#035BD9;} .rank_stick .level_color_2 {color:#32C32A;} .rank_stick .level_color_3 {color:#D0CE00;} .rank_stick .level_color_4 {color:#D94215;} .rank_stick .level_color_5 {color:#C71C24;} .rank_stick .level_color_6 {color:#CCCCCC;} .rank_stick .level_color_w {color:#ffffff;} .rank_table {width:100%; height:320px; margin-top:-10px; color:#676767; } .rank_table table{ width:100%; height:310px; margin:auto; border-top:2px solid #55a7ba; border-left:1px solid #d4d4d4; border-right:1px solid #d4d4d4;} .rank_table td{ height:28px; border-bottom:1px solid #d4d4d4; font-size:12px; font-weight:bold; text-align:center; } .rank_table td img{ vertical-align:middle;} .rank_table .bg_gray {background-color:#E3E3E3;} #pm_forecast {width:100%; height:1250px;} #pm_forecast .CUR_P{ cursor: pointer;}; .pmf_map_div {position:relative; float:left; width:753px; height:577px; border-left:1px solid #d4d4d4; border-right:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4;} .pmf_map_div .pmf_top_bt {position:relative; float:left; width:753px; height:30px;} .pmf_map_div .pmf_top_bt table {width:100%; font-size:11px; text-align:center;} .pmf_map_div .pmf_top_bt table td {height:30px;} .pmf_map_div .pmf_left_main { position:relative; float:left; width:376px; height:545px;} .pmf_map_div .pmf_right_main {position:relative; float:left; width:376px; height:545px; border-left:1px solid #d4d4d4;} .pmf_map_div .cmp_logo {position:relative; float:left; margin-top:5px; padding-left:10px; } .pmf_map_div .tongbo_logo {position:relative; float:right; margin-top:5px; padding-right:7px;} .pmf_map_div .pmf_pm_bt {position:relative; float:left; width:362px; height:503px; margin-top:5px; margin-left:6px; border:1px solid #d4d4d4;} #pm_forecast .pmf_MapNextday_bg {position:absolute; top:30px; width:362px; height:470px; overflow:hidden; z-index:2;} #pm_forecast .local_air {position:absolute; top:30px; width:362px; height:470px; overflow:hidden; z-index:1;} #pm_forecast .local_air ul{position:absolute; } #pm_forecast .local_air ul li span{ height:20px; line-height:20px; letter-spacing:-0.1em; } #pm_forecast .local_air .map_date {margin:5px 0 0 5px; color:#676767; font-size:11px;} #pm_forecast .local_air .incheon {margin:58px 0 0 42px;} #pm_forecast .local_air .seo {margin:72px 0 0 107px;} #pm_forecast .local_air .gyeonggi_bukbu {margin:14px 0 0 87px;} #pm_forecast .local_air .gyeonggi_nambu {margin:82px 0 0 98px;} #pm_forecast .local_air .gangwon_youngseo {margin:5px 0 0 132px;} #pm_forecast .local_air .gangwon_youngdong {margin:-18px 0 0 217px;} #pm_forecast .local_air .chungnam {margin:133px 0 0 54px;} #pm_forecast .local_air .chungbuk {margin:114px 0 0 145px;} #pm_forecast .local_air .jeonbuk {margin:220px 0 0 79px;} /*#pm_forecast .local_air .jeonnam {margin:284px 0 0 81px;}*/ #pm_forecast .local_air .jeonnam {margin:284px 0 0 31px;} #pm_forecast .local_air .gyeongbuk {margin:77px 0 0 185px;} #pm_forecast .local_air .gyeongnam {margin:241px 0 0 169px;} #pm_forecast .local_air .seajeong {margin:164px 0 0 134px; } #pm_forecast .local_air .daejeon {margin:186px 0 0 142px;} #pm_forecast .local_air .daegu {margin:232px 0 0 231px; z-index:100;} #pm_forecast .local_air .gwangju {margin:320px 0 0 100px; z-index:100;} #pm_forecast .local_air .pusan {margin:294px 0 0 267px;} #pm_forecast .local_air .ulsan {margin:261px 0 0 281px;} #pm_forecast .local_air .jeju {margin:430px 0 0 60px;} #pm_forecast .local_select {position:absolute; top:30px; width:362px; height:470px; z-index:100;} .pmf_data_div {position:relative; float:left; width:753px; height:656px;} .pmf_data_div .pmf_pm10_sample {position:relative; float:left; margin-top:10px;} .pmf_data_div .pmf_pm25_sample {position:relative; float:right; margin-top:10px;} .pmf_data_div .pmf_pm10_title {position:relative; float:left; width:100%; height:25px; vertical-align:middle; text-align:left; border-bottom:2px solid #55a7ba; margin-top:15px;} .pmf_data_div .pmf_data_tb {position:relative; float:left; width:100%; height:230px; } .pmf_data_div .pmf_data_tb table {width:100%; font-size:12px; text-align:center; font-weight:bold; color:#676767; } .pmf_data_div .pmf_data_tb table td {width:14%; padding:5px;} #pm_forecast .ln_R {border-right:1px solid #d4d4d4;} #pm_forecast .ln_L {border-left:1px solid #d4d4d4;} #pm_forecast .ln_T {border-top:1px solid #d4d4d4;} #pm_forecast .ln_B {border-bottom:1px solid #d4d4d4;} #pm_forecast .pm10_tb_bg {background-color:#e4e4fe;} #pm_forecast .pm25_tb_bg {background-color:#fee4f5;}