@charset "euc-kr";

/* layout */
body {
	font-size:12px;
	font-family:µ¸¿ò, Dotum, AppleGothic, sans-serif;
	line-height:1.5em;
	color:#333333;
	margin:0;
	padding:0;
	height:600px;
	background:url(../img/common/right_bg.gif) 0 0 repeat-x;
}

#header { width: 985px; height:127px; background:url(../img/eng/main_top_bg.jpg) 0 0 no-repeat; }
#header .tail_menu { position:absolute; top:0; left:485px; float:left; width:500px; padding:0; margin:10px 0 0 0; height:18px; font-size:11px }
#header .tail_menu ul { margin:0; padding:0; float:right}
#header .tail_menu li { float:left; background:url(../img/common/top_bar.gif) 5px 3px no-repeat; padding-left:13px}
#header .tail_menu li img { vertical-align:middle}
#header .tail_menu .first { background:none }
#header .tail_menu .eng { background:none; padding-left:5px; padding-bottom:1px }
#logo { width:262px; float:left; margin:0; padding:0 }
.forecast {padding:0; margin:0 0 0 31px; background:url(../img/common/bg_forecast.gif) 0 no-repeat; height:22px}
.forecast img {padding:0px 27px 0 12px; vertical-align:text-bottom; }
.input_box {font : 11px µ¸¿ò; color: #fff; background-color: #73b142; border:none; height:12px; padding-top:1px; width:117px; margin-top:3px}
#header h1 { margin:0; padding-top:28px; width:262px}
#header h2 {  }

/* Top Menu */
#header #top { position:absolute; top:44px; left:277px; height:60px; width:708px; margin:0; z-index:5;} 
#header #top ul#topmenu {margin:0; padding:0;}
ul#topmenu a {display:block; margin:0px 0px 0 0px; font-family:"µ¸¿ò","Dotum"; text-decoration:none; color:#000; font-size:11px; }
#topmenu li {float:left; text-align:center; padding-bottom:0px; margin:0; padding:0}
#topmenu li a {padding-bottom:2px;}
#topmenu li a:hover {}
#topmenu li ul {position:absolute; top:60px; display:none;}
#topmenu li ul li {font-size:12px; display:block; margin:0 5px 0 0px; color:#FFFFFF; background:url(../img/common/sub_m_bar.gif) 0px 3px no-repeat; padding-left:6px}
#topmenu li ul li.first { background:none;}
#topmenu li ul li a {display:block; padding:0px 0px 0px 0px; margin:0; color:#333; padding:0 3px}
#topmenu li ul li a:hover {border-bottom:0; padding-top:0px; color:#FFFFFF; padding:0 3px;}
#topmenu li.menu1 {width:140px; text-align:right}
#topmenu li.menu2 {width:119px;}
#topmenu li.menu3 {width:197px;}
#topmenu li.menu4 {width:131px;}
#topmenu li.menu5 {width:121px;}
#topmenu li.menu6 {display:none;}
#topmenu li.menu7 {display:none;}
#topmenu li.menu8 {display:none;}
#topmenu li.menu9 {display:none;}
#topmenu li.menu1 ul { top:41px; left:0px; width:500px;}
#topmenu li.menu2 ul { top:41px; left:0px; width:600px;}
#topmenu li.menu3 ul { top:41px; left:40px; width:600px;}
#topmenu li.menu4 ul { top:41px; left:200px; width:470px;}
#topmenu li.menu5 ul { top:41px; left:493px; width:175px;}




#ct_wrap{ width:708px; height:512px; margin:0; padding:0 0 0 277px; background:url(../img/eng/main_bbg.jpg) 0 0 no-repeat;}
#ct_wrap h2 { margin:0; padding:0}
#ct_wrap img { margin:0; padding:0}
#Operation { float:left; padding-top:20px; padding-right:18px; padding-bottom:0; margin:0}
#Basins { float:left; padding-top:20px; padding-bottom:0; margin:0}
#Location { float:left; padding-top:46px; width:85px; padding-left:10px; padding-bottom:0; margin:0}
#ARS { padding-top:14px; margin:0; width:321px; float:left}
#Link { float:left; padding-left:345px; margin-top:-50px; padding-bottom:0;}
#Link ul { margin:0; padding:0}
#Link li { float:left; padding:0; margin:0 }

#footer { margin:0; clear:both; padding:215px 0 0 0}
address { clear:both; color:#666666; padding-left:0px; padding-top:18px; padding-bottom:10px;}
#footer .logo { margin:-20px 0 0 190px; padding:0}



/* common */
h1 { font-size:24px;}
h2 { font-size:20px; padding:20px 0 5px 0; margin:0}
h3 { font-size:16px;}

a:link{color:#333; text-decoration:none}
a:visited{color:#333; text-decoration:none}
a:hover{color:#0066cc; text-decoration:underline}

img { border:0; vertical-align:top;	}
ul li { list-style:none}

.hidden {display:none}
.greentx { color:#319600}
.greentx_bold { color:#319600; font-weight:bold}

hr.rowbar_gn{ height:5px; background:url(../img/sub/row_bar.gif) repeat-x; width:100%; border-style:none ; padding-bottom:20px}
hr.rowbar_dot{ border-style:dotted; width:96%; color:#dddddd; text-align:left; margin:0;}