/*@charset "";*/
/* CSS Document */

/*¸¶Áø°ú ÆСÀÇ ÃʱâÈ­*/
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;}

/*Çì´õ ÆùÆ®ÀÇ ÃʱâÈ­*/
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;}*/
body{position:relative; margin:0 auto;}


* {margin:0; padding:0; font-family:Dotum,AppleGothic,sans-serif;}

form {display:inline; margin:0px;}
img, fieldset {border:0;}
li {list-style:none;}

A:link {color:#333333;text-decoration:none;}
A:visited {color:#333333;text-decoration:none;}
A:active {color:#333333;text-decoration:none;}
A:hover {color:#333333;text-decoration:underline;}

A.menu img { border-width:0px; display:inline; }
A.menu img.over { display:none; } 
A.menu:hover { border:0px }
A.menu:hover img { display:none; }
A.menu:hover img.over { display:inline; }
A.submenu:hover {color:#529CFF; text-decoration:none}

#shko_temp{ font-family:tahoma, AppleGothic, sans-serif; font-size:24px; font-weight:bold;}
#shko_rain{ font-family:tahoma, AppleGothic, sans-serif; font-weight:bold; width:30px; display:inline-block; text-align:center; color:#666;}
#shko_snow{ font-family:tahoma, AppleGothic, sans-serif; font-weight:bold; width:30px; display:inline-block; text-align:center; color:#666;}
#shko_wdirk{ width:52px; display:inline-block; text-align:center; color:#666;}
#shko_wspeed{ font-family:tahoma, AppleGothic, sans-serif; font-weight:bold; width:30px; display:inline-block; text-align:center; color:#666;}

.weather_real_txt span{line-height:20px;}
.top{ margin-bottom:10px; }
.top_menu { width:1024px;  height:29px; line-height:29px; font-size:11px;  margin:0 auto; text-align:center;}
.top_menu li{position:relative; float:left;}

.top_line { width:100%; height:0px; border-bottom:1px solid #b5b5b5; line-height:0px; font-size:0px; margin:0px; padding:0px; }

.top_menu_subtitle span{width:400px; margin-left:220px;}
.top_search_menu { width:184px;  height:23px; margin-left:265px; margin-top:2px;}
.top_search_text { position:relative; float:left;  width:135px; height:21px; line-height:21px; border:1px solid #959595; }
.top_search_bt   { position:relative; float:left;   height:23px; display:block;}


.middle_menu{ width:1024px; height:73px; padding-top:18px; margin:0 auto;  vertical-align:top;}
.middle_menu li{position:relative; float:left;}
.bottom img{margin:0 auto}


.bottom_menu{ background-color:#00bdf2; height:81px;}
.briefing_menu{ width:1024px; height:81px; margin:0 auto; background-image:url(../images/briefing_bg.gif); }
.briefing_textarea{float:left; position:relative; width:815px; height:40px;  font-size:12px; margin-left:156px; margin-top:9px; text-align:left; padding:10px; overflow-x: hidden; overflow-y: auto;}

.main{ font-size:12px; width:1024px; height:570px; margin-top:19px; margin:0 auto;}
.main ul{float:left; position:relative;}
.main li{float:left; position:relative;}
.main_left{  width:333px; height:559px; border:1px solid #cacaca; padding:8px;}
.main_center{width:333px; height:559px; border:1px solid #cacaca; margin-left:10px; padding:8px;}
.main_right{ width:261px; height:559px; border:1px solid #cacaca; margin-left:10px; padding:8px;}



.left_map{  width:300px; height:559px; padding:10px;}
.left_map ul{ width:300px; height:559px;  float:left; position:relative;}
.left_map li{ width:300px;                float:left; position:relative;}
.left_map2{  width:300px; height:370px; padding:10px;}
.left_map2 ul{ width:300px; height:370px;  float:left; position:relative;}
.left_map2 li{ width:300px;                float:left; position:relative;}
.line_01_sub{ height:4px; background-color:#447f9c; font-size:1px; margin-bottom:10px;}
.left_title_sub{float:left; position:relative; margin-bottom:10px;} 
.left_title_sub img{float:left; position:relative;}



.line_01{width:331px; height:4px; background-color:#447f9c; font-size:1px;}
.line_02{width:333px; height:4px; background-color:#abc82f; font-size:1px;}

.main_select{width:333px; height:26px;}
.main_select img{   float:left; position:relative; margin-top:8px; margin-right:80px;}
.main_select select{float:left; position:relative; margin-top:3px; margin-left:10px;}
.main_accept{width:333px; height:27px; background-image:url(../images/title_area_accept.gif);}
.main_accept span{float:left; position:relative; height:27px; line-height:27px;}
.area{ width:50px;margin-left:20px; font-weight:bold;}
.time{margin-left:120px;}
 
.more_bt{float:right; position:relative; margin-top:10px; display:block;}

.real_weather{ width:333px; text-align:right; margin:0 auto;}
.real_weather_title{float:left; position:relative;  margin-top:9px; margin-bottom:3px;}

.real_weather_table{width:333px; height:108px; font-size:12px; background-color:#f6f6f6; border:1px solid #959595; }

.three_weather{ width:333px;}
.three_weather_title{float:left; position:relative; margin-top:9px; margin-bottom:3px; display:block;}
.three_weather_table{float:left; position:relative; width:333px;  height:200px; font-size:12px; background-color:#f6f6f6; border:1px solid #959595;}

.total_jisu{}
.total_jisu_title{float:left; position:relative; margin-top:9px; margin-bottom:3px;}
.total_jisu table img{ display:block; margin:0 auto; margin-top:5px;}
.total_jisu table{float:left; position:relative; width:333px; height:108px; font-size:12px; background-color:#f6f6f6; border:1px solid #959595; text-align:center;}


.line_03{width:261px; height:4px; background-color:#f4bd18; font-size:1px;}


.weather_news_title{float:left; position:relative; margin-top:3px; margin-bottom:3px;}
.weather_news_contents1{width:261px; height:160px; border:1px solid #959595;}
.weather_news_contents1 span{width:251px; display:inline-block; line-height:17px; margin-top:5px; margin-left:5px; }
.weather_news_contents2{width:261px; height:160px; border:1px solid #959595;}
.weather_news_contents2 span{width:251px; display:inline-block; line-height:17px; margin-top:5px; margin-left:5px; }
.weather_news_contents3{width:261px; height:160px; border:1px solid #959595;}
.weather_news_contents3 span{width:251px; display:inline-block; line-height:17px; margin-top:5px; margin-left:5px; }


.weather_news{ width:333px; text-align:right; margin:0 auto; border: none;}
.weather_news table{float:left; position:relative; width:278px; height:111px; margin-top:6px; font-size:12px; background-color:#f6f6f6; border:1px solid #959595; text-align:left;}
.weather_news table td{ padding:10px;}

.bottom{ height:20px; background-image:url(/include/images/bottom_bg.gif); margin-top:16px;}
.bottom img{ display:block;}

.sub_left {width:353px; }
.sub_left li{float:left; position:relative;}
.sub_title{ height:110px;}
.sub_title img{ display:block;}
.sub_map{ width:316px; height:530px;  border:1px solid #efefef; margin-left:24px; text-align:center;}
.sub_map2{ width:316px; height:355px;  border:1px solid #efefef; margin-left:24px; text-align:center;}

.left_map{text-align:center;}
.sub_leftmenu_title{float:left; position:relative;}
.sub_leftmenu_more{float:right; position:relative;}




/*¼¼°è ³¯¾¾*/
.world_main{width:1024px; height:900px; margin-top:19px; margin:0 auto; }
.world_main ul{ float:left; position:relative;}
.world_information{width:820px; height:20px; border-top:2px solid #000; border-bottom:1px solid #cccccc; margin-bottom:5px; margin-top:10px; padding:8px; text-align:center;}
.world_information li{ float:left; position:relative;}
/*.world_information_tab_bt  {  float:left; position:relative; width:648px; height:27px; margin-left:10px; background-image:url(../forecast/images/Tabbg.gif);}*/
.world_information_tab_bt  {  float:left; position:relative; width:648px; height:27px; margin-left:10px;}
.world_information_tab_bt img{float:left; position:relative; }
.world_body_01{width:820px; height:320px;   border:1px solid #cacaca; margin-left:0px; margin-bottom:10px; margin-top:10px; padding:8px;}
.world_body_02{width:820px; height:450px;   margin-left:0px; margin-bottom:10px; margin-top:00px; padding:8px;}
.world_information_line_01{width:820px; height:4px; background-color:#95d4da; }
.world_information_accept{width:820px; height:27px; background-image:url(../images/title_area_accept.gif); font-size:14px; }
.world_information_area {float:left; position:relative;   height:27px; font-weight:bold; margin-left:20px; margin-top:7px;}
.world_information_date {float:right; position:relative;  height:27px; color:#9a9a9a; font-size:12px; margin-right:5px; margin-top:7px;}
.world_information_main_select{width:820px; height:19px; text-align:right; margin-top:5px; margin-bottom:5px;}
.world_information_main_select img{   float:left; position:relative; margin-top:4px;}
.world_information_search{width:820px; height:30px;font-size:12px;}
.world_information_search img{ vertical-align:middle;}
.world_information_search_title{ display:inline-block; height:30px; font-weight:bold; line-height:30px;}
.world_information_search_ex{float:right; position:relative; height:30px; display:inline-block; margin-right:10px; line-height:30px;}


.world_bt{width:646px; height:27px;}
.world_bt li{ float:left; position:relative;}
.world_bt li img{ cursor:hand;}
.world_title{ float:left; position:relative; width:820px;  height:21px; margin-top:10px;}
.world_title_name{ float:left; position:relative; width:820px;  height:21px; margin-top:10px; font-size:12px; color:#444444; font-weight:bold;}
.world_msg{  width:489px; height:58px; margin-top:10px; margin:0 auto;}
/*.world_title_img{ cursor:hand;}*/

.pre_world_table{ float:left; position:relative; height:120px; width:820px; font-size:12px; margin-bottom:10px;}
.pre_world_table td{ border:1px solid #efefef; text-align:center; height:30px; }
.pre_world_table_title{ background-color:#fafafa; height:30px;}


.pre_world_data{float:left; position:relative; width:820px;}
.pre_world_data ul{float:left; position:relative;}
.pre_world_data_01{ width:315px; margin-left:90px;}
.pre_world_data_02{ width:155px; padding:10px; height:80px; padding-left:50px; border:1px solid #efefef; background-color:#f7f7f7; }
.pre_world_data_02 li{ line-height:20px;}
.pre_world_data li{float:left; position:relative;}
.pre_world_icon{ margin-left:30px; width:90px;}
.pre_world_temp{  width:150px; margin-top:10px; margin-left:10px; text-align:left;}
.pre_world_temp_02{  font-family:tahoma, AppleGothic, sans-serif; font-size:24px; font-weight:bold;}
.pre_world_bodytemp{ width:150px; margin-top:10px; margin-left:10px; text-align:left;}
.pre_world_bodytemp_02{font-family:tahoma, AppleGothic, sans-serif; font-size:24px; font-weight:bold; color:#F00; }

.pre_world_humi_01{ width:30px; display:inline-block;}
.pre_world_air_01{ width:30px; display:inline-block;}
.pre_world_wdirection_01{ width:30px; display:inline-block; }
.pre_world_wspeed_01{ width:30px; display:inline-block;}

.pre_world_humi_02{ width:100px;  font-family:tahoma, AppleGothic, sans-serif; font-size:12px; font-weight:bold; display:inline-block; text-align:left;}
.pre_world_air_02{ width:100px; font-family:tahoma, AppleGothic, sans-serif; font-size:12px; font-weight:bold; display:inline-block; text-align:left;}
.pre_world_wdirection_02{ width:100px; font-family:tahoma, AppleGothic, sans-serif; font-size:12px; font-weight:bold; display:inline-block; text-align:left;}
.pre_world_wspeed_02{ width:100px; font-family:tahoma, AppleGothic, sans-serif; font-size:12px; font-weight:bold; display:inline-block; text-align:left;}

.three_world_table{ float:left; position:relative;  width:820px; font-size:12px; margin-bottom:10px;}
.three_world_table td{ border:1px solid #efefef; text-align:center; height:30px; }
.three_world_table_title{ background-color:#f7f7f7; color:#888888; height:30px;}
.three_world_table_title span{font-size:11px; color:#666;}
.three_world_table_title_weather{ font-size:11px; letter-spacing:-0.1em; display:inline-block; width:100%; height:30px;  border-bottom:1px solid #cacaca; line-height:30px;}
.three_world_table_title_temp{    font-size:11px; letter-spacing:-0.1em; display:inline-block; width:100%; height:109px; line-height:110px;}
.three_world_table_title_rainfall{font-size:11px; letter-spacing:-0.1em; display:inline-block; width:100%; height:54px;  border-top:1px solid #cacaca; line-height:54px;}

.week_world_table{ float:left; position:relative; width:820px;}
.week_world_table td{ border:1px solid #efefef; height:30px; font-size:12px; text-align:center;}
.week_world_table_title{ background-color:#f7f7f7; color:#888888;}
.week_world_table_title_02{ font-size:11px; letter-spacing:-0.1em; }

.tempup{height:10px; letter-spacing:-1; color:#2485e6; }
.tempdown{height:10px; letter-spacing:-1; color:#f12b2c; }