@charset "utf-8";
@import url(base.css);
@import url(Board.css);
@import url(contents.css);

/* default */
body {font-size:75%; line-height:1.8em; font-family:"돋움", Dotum, "굴림", Gulim, "Lucida Grande", Tahoma, Verdana, AppleGothic, UnDotum, sans-serif;}

a:link { }  
a:visited { text-decoration:none;}
a:hover {color:#0030AE; text-decoration:none;}
a:active {color:#0030AE; text-decoration:none;}
input.type-image {border:0 none; padding:0; margin:0;}


/* main, sub 공통 */
#wrapper {margin: 0; width:984px;}

/* header */
#header {width:879px; height:100px; margin:0 0 0 20px; float:left; display:inline;}/* logo, global, top menu */
 /* logo */
 .logo {float:left; width:164px; height:34px; margin-top:42px;}

 /* global */
 .global {float:right; display:inline; width:258px; text-align:right; margin:15px 0px 0px 0px; font-size:0.9em;}
 .global ul.menu li {float:left; no-repeat 0 50%;}
 .global ul.menu li a:link, .global ul.menu li a:visited {color:#283b52; text-decoration:none;}
 .global ul.menu li a:hover, .global ul.menu li a:active {color:#0348BC; text-decoration:underline;}

 /* top menu */
 #top {left: 269px; top:50px; float:left; height:36px; width:651px; background: url(/web/images/common/topmenu_bg.gif) no-repeat top left; padding:0 0 0 12px; margin-left:52px; margin-top:10px} 
 #top ul #topmenu {left: 269px; top:50px; float:left;  height:36px; width:450px;  margin-left:52px; margin-top:30px;}
 #topmenu a {display:block; padding:7px 0 0 0px; text-decoration:none; font-weight:bold; color:#fff; font-size:1.2em;}
 #topmenu li {float:left; text-align:center;letter-spacing:-0.15em; padding-top:1px;}
 #topmenu li a:hover {text-decoration:none; font-weight:bold; color:#154209; font-size:1.2em;}
 #topmenu li ul {position:absolute; margin-top:40px; display:none;  background: url(/web/images/common/white_bg.gif) no-repeat top left;}
 #topmenu li ul li {font-size:0.85em; letter-spacing:-0.1em;}
 #topmenu li ul li a {display:block; padding:5px 15px 10px 5px; margin:0; color:#333; font-weight:lighter;}
 #topmenu li ul li a:hover {color:#79b419; text-decoration:underline; font-weight:lighter} 

/* rightcolumn */
#rightcolumn {width: 84px; height: 375px; margin: 20px 0px 0px 20px;  display:inline; float: left;}
#rightcolumn ul {width:84px; margin:-5px 0 0 0px; background:url(/web/images/common/quick_m_bg.gif) repeat-y top;}
#rightcolumn ul li {padding:0.3em 6px; text-align:center; letter-spacing:-0.1em; white-space:normal; background:url(/web/images/common/quick_line_dot.gif) repeat-x bottom;}
#rightcolumn ul li a.img {padding: 0  0 4px 0;}
#rightcolumn ul li a.box {padding-right:5px;}
#rightcolumn ul li.text_bg {width:72px; height:125px;  padding: 8px 0 0 7px;}
#rightcolumn ul li.q_line {width:61px; height:2px; background:url(/web/images/common/quick_line.gif) repeat-x;  margin : 0px 0px 0px 6px;}
#rightcolumnul li.end { background:none;}
#rightcolumn ul li a {text-decoration:none;}

/* footer */
#footer {width: 869px; height: 74px; clear: both; margin: 0px 0px 0px 20px; text-align:center; background:#f0f0f0 url(/web/images/common/bottom_line.gif) repeat-x top left;}
#footer ul.align li{float:left; padding:0 3px 0 3px;  no-repeat 0 50%;}
#footer ul li.logo {float:left; margin:20px 0 15px 10px;}
#footer ul li.address {float:left; left:260px; position:absolute; margin:20px 0 0 0px;}
#footer ul li.f_link {float:left; width:50px; padding:18px 0 0 24px; left:650px; position:absolute;}
.link_text {font-size: 0.9em;  width: 200px;}


/* 팝업창 제목 */
.text_color {color:#4b7712; font-weight:bolder;}


/* main 영역 */
/* main flash*/
#mainflash {float:left; width:869px; height:185px; margin:10px 0px 0px 20px; display:inline;} 

/* main contents */
#maincontents {float:left; margin:20px 0 0 20px; display:inline; width:984px;}
#mainleft {width:248px; margin:0px 0px 0px 0px; display:inline; float:left; letter-spacing:-0.5px;}
 #weather_info {width:248px; min-height:85px; float:left; letter-spacing:-0.5px; background:url(/web/images/main/we_info_bg.gif) no-repeat top left;}
 * html #weather_info {height:85px;} /* IE Min-Height Hack */ 
  .m_title {float:left; margin:0; padding:0 0 0 10px; background:url(/web/images/icon/m_title.gif) no-repeat 0 10%}
  .time {float:right; margin:0; font-size:1em; display:inline;}
  .t1_m {background:url(/web/images/main/table_m.gif) repeat-y top;}
  .w_info_bg {background:url(/web/images/main/w_info_bg.gif) no-repeat top left;}
  
  
 #video{width:248px; min-height:313px; margin:10px 0px 0px 0px; display:inline; float:left; letter-spacing:-0.5px;}
 * html #video {height:313px;} /* IE Min-Height Hack */ 
  .w_v_bg {background:url(/web/images/main/weather_video_bg.gif) no-repeat top left; width:248px; height:294px;}
 #calendal {width:248px; min-height:237px; margin:15px 0px 0px 0px; display:inline; float:left; letter-spacing:-0.5px;}
  * html #calendal {height:237px;}
  .month {text-align:center; color:#467c09; font-weight:bolder;}
  .w_c_bg {background:url(/web/images/main/calendal_bg.gif) no-repeat top left; width:248px; height:217px;}
  
#mainmiddle {width:320px; margin:0px 0px 0px 20px; display:inline; float:left; letter-spacing:-0.5px;}
 #notice {width:320px; min-height:122px; float:left;}
 * html #notice {height:117px;} /* IE Min-Height Hack */ 
 #notice a {text-decoration:none; color:#333;}
 #notice a:hover {text-decoration:none; color:#0030ae;} 
 .b_space {padding-right:2px;}
 .b_content {float: left; width: 245px; padding:0 0 0 7px; background:url(/web/images/icon/leftmenu2_icon_on.gif) no-repeat 0 40%;}
 
 #guideline {width:320px; min-height:187px; margin:12px 0px 0px 0px; display:inline; float:left; letter-spacing:-0.5px;}
 * html #guideline {height:187px;} /* IE Min-Height Hack */ 
  #guideline a {text-decoration:none; color:#333;}
  #guideline a:hover {text-decoration:none; color:#0030ae;} 
  .g_bg {background:url(/web/images/main/guideline_bg.gif) no-repeat top left; width:320px; height:187px;}
  .g_space {padding:0 12px;}
  
 #season {width:320px; min-height:180px; margin:25px 0px 0px 0px; display:inline; float:left; letter-spacing:-0.5px;}
 * html #season {height:180px;} /* IE Min-Height Hack */ 
  .s_bg {background:url(/web/images/main/seoson_bg.gif) no-repeat top left; width:320px; height:180px;}
 
 #safeact {width:320px; min-height:147px; margin:25px 0px 0px 0px; display:inline; float:left; letter-spacing:-0.5px;}
  * html #safeact {height:147px;} /* IE Min-Height Hack */ 
  .s2_bg {background:url(/web/images/main/safeact_bg.gif) no-repeat top left; width:320px; height:147px;}

#mainright {width:261px; margin:0px 0px 0px 20px; display:inline; float:left; letter-spacing:-0.5px;}
 #rain_info {width:261px; min-height:276px; float:left; letter-spacing:-0.5px;}
 * html #rain_info {height:276px;} /* IE Min-Height Hack */ 
 .map_color {color:#bb0101; width:30px; height:19px; font-weight:bolder;}
 .r_i_bg {background:url(/web/images/main/raininfo_bg.gif) no-repeat top left; width:261px; height:270px;}

 #rain_data {width:261px; min-height:380px; margin:28px 0px 0px 0px; display:inline; float:left; letter-spacing:-0.5px;}
 * html #rain_data {height:380px;} /* IE Min-Height Hack */ 
 /*.r_d_bg {background:url(/web/images/main/raindata_bg.gif) no-repeat top left; width:320px; height:380px;}*/
 
 
#mainbanner {float:left; width:869px; min-height:99px; margin:15px 0px 40px 20px; display:inline;} 
 * html #mainbanner {height:99px;} /* IE Min-Height Hack */ 
 .banner_bg {background:url(/web/images/main/hotlink_bg.gif) no-repeat top left; width:869px; height:79px;}




/* sub 영역 */
/* sub flash*/
#flash {float:left; width:869px; height:151px; margin:10px 0px 0px 20px; display:inline;} 

/* leftcolumn */
#leftcolumn {width:180px;  margin:20px 0px 124px 20px; display:inline; float:left; letter-spacing:-0.5px;}
 /* leftmenu */
 #leftmenu {width:180px;}
 #leftmenu ul {background:url(/web/images/common/subBox_bgM2.gif) repeat-y top; margin:-6px 0px 0px 0px; padding:10px 0 0 0;}
 #leftmenu ul li {margin:2px 5px; padding:5px 5px 8px 0px; background:url(/web/images/common/dotline_gray.gif) repeat-x bottom;}
 #leftmenu ul li a {display:block; padding:1px 5px 1px 30px; background:url(/web/images/icon/leftmenu_icon.gif) no-repeat 15px 6px; font-weight:bold; text-decoration:none; color:#484848; border:0;}
 #leftmenu ul li a:hover, #leftMenu ul li a.on {display:block; padding:1px 5px 1px 30px; background:url(/web/images/icon/leftmenu_icon_on.gif) no-repeat 15px 6px; font-weight:bold; text-decoration:none; color:#79b419;}
 #leftmenu ul li ul {background:#f5f5f5; color:#0058A0; padding:1px 5px 1px 5px; margin:0 0px 0 5px;}
 #leftmenu ul li ul li {background:none; padding:0.25em 0 0.1em;}
 #leftmenu ul li ul li a {display:block; padding:0 0 0 14px; font-weight:normal; color:#484848; text-decoration:none; background:url(/web/images/icon/leftmenu2_icon.gif) no-repeat 5px 7px; text-decoration:none;}
 #leftmenu ul li ul li a:hover, #leftmenu ul li ul li a.on {display:block; padding:0 0 0 14px; background:url(/web/images/icon/leftmenu2_icon_on.gif) no-repeat 5px 7px; text-decoration:none;font-weight:normal;}

 /* leftbanner */
 #leftBanner {float:left; width:180px; height:91; margin:20px 0px 0px 0px;}


/* contents */
#contents {width:659px; float:left; margin: 20px 0px 85px 20px; display:inline;}
 /* 타이틀 부분 */
 #title {float:left; margin:0; padding:0 0 0 10px; background:url(/web/images/icon/title_b1.gif) no-repeat 0 40%;}
 .t_line{float:left; width:662px; height:1px; background-color:#cccccc; margin:-5px 0px 0px 0px; display:inline;}
 .t_img {float:left; width:659px; height:72px; margin:0; margin:15px 0 0 0px; display:inline;}

  
 /* location */ 
 #location {float:right; margin:0; font-size:1em; padding:0 0 10px 15px;}
 #location div.narrow {} 
 #location a {text-decoration:none;}
 #location a.home {color:#333; padding:0 0 0 15px; background:url(/web/images/icon/location_icon.gif) no-repeat 0 45%;}
 #location a.middle {color:#333;}
 #location a.current {font-weight:bold; color:#333;}



 /* sub 박스 */ 
 .sub_cbox {width:617px;}
 .sub_cbox ul {background:url(/web/images/common/subt2.gif) repeat-y top; margin:-8px 0px 0px 0px; padding:2px 10px;}
 
 .sub_cbox2 {width:380px;}
 .sub_cbox2 ul {background:url(/web/images/common/subt2_2.gif) repeat-y top; margin:-6px 0px 0px 0px; padding:5px 10px;}

 .sub_cbox3 {width:651px;}
 .sub_cbox3 ul {background:url(/web/images/common/subt3_2.gif) repeat-y top; margin:-6px 0px 0px 0px; padding:5px 10px;}