body,td{font-size:9pt;font-family:dotumche, arial, Tahoma; color:#333333;}

A:link    {COLOR: #333333; TEXT-DECORATION: underline;}
A:visited {COLOR: #333333; TEXT-DECORATION: underline;}
A:hover   { text-decoration: underline;}
A:active  {COLOR: #333333; TEXT-DECORATION: underline;}

img{border:0px none;}
.logo {font-size:8pt;font-family:dotum, arial, Tahoma; color:#ffffff; padding-top:5px;}
.logo2 {font-size:8pt;font-family:dotumche, arial, Tahoma; color:#8e8e8e; padding-top:5px;}
.logo3 {font-size:8pt;font-family:dotum, arial, Tahoma; color:#0D004C; padding-top:5px;}
.logo4 {font-size:8pt;font-family:dotum, arial, Tahoma; color:#8e8e8e; padding-top:5px;}
.logo5 {font-size:8pt;font-family:dotum, arial, Tahoma; color:#790000; padding-top:5px;}

.sub {font-size:9pt;font-family:dotumche, arial, Tahoma; color:#00AEEF; font-weight:bold;padding-top:3px;text-align:center;}
.sub A:link    {COLOR: #00AEEF; TEXT-DECORATION: none;}
.sub A:visited {COLOR: #00AEEF; TEXT-DECORATION: none;}
.sub A:hover   {COLOR: #333333; text-decoration:none;}
.sub A:active  {COLOR: #00AEEF; TEXT-DECORATION: none;}

.sub2 {font-size:9pt;font-family:dotumche, arial, Tahoma; color:#FF8300; font-weight:bold;padding-top:5px;}
.sub2 A:link    {COLOR: #FF8300; TEXT-DECORATION: none;}
.sub2 A:visited {COLOR: #FF8300; TEXT-DECORATION: none;}
.sub2 A:hover   {COLOR: #333333; text-decoration:none;}
.sub2 A:active  {COLOR: #FF8300; TEXT-DECORATION: none;}

.subm   {COLOR: #0D004C; TEXT-DECORATION: none; line-height:130%;font-size:8pt;font-family:dotum;}
.subm A:link    {COLOR: #0D004C; TEXT-DECORATION: none;}
.subm A:visited {COLOR: #0D004C; TEXT-DECORATION: none;}
.subm A:hover   {COLOR: #FF0000; text-decoration:none;}
.subm A:active  {COLOR: #0D004C; TEXT-DECORATION: none;}

.subm2   {COLOR: #333333; TEXT-DECORATION: none;font-size:9pt;font-family:dotum;}
.subm2 A:link    {COLOR: #333333; TEXT-DECORATION: none;}
.subm2 A:visited {COLOR: #333333; TEXT-DECORATION: none;}
.subm2 A:hover   {COLOR: #FF8300; text-decoration:none;}
.subm2 A:active  {COLOR: #333333; TEXT-DECORATION: none;}

.subm3   {font-family:dotum; COLOR: #666666; TEXT-DECORATION: none; line-height:130%;font-size:8pt;text-align:right;}
.subm3 A:link    {COLOR: #666666; TEXT-DECORATION: none;}
.subm3 A:visited {COLOR: #666666; TEXT-DECORATION: none;}
.subm3 A:hover   {COLOR: #FF8300; text-decoration:none;}
.subm3 A:active  {COLOR: #666666; TEXT-DECORATION: none;}

.menu {font-size:9pt;font-family:dotumche, arial, Tahoma; color:#444444; padding-top:3px;}
.menu A:link    {COLOR: #666666; TEXT-DECORATION: none;}
.menu A:visited {COLOR: #666666; TEXT-DECORATION: none;}
.menu A:hover   {COLOR: #FF0000; text-decoration:none;}
.menu A:active  {COLOR: #666666; TEXT-DECORATION: none;}

.menu2 {font-size:9pt;font-family:dotumche, arial, Tahoma; color:#FFE3A4; font-weight:bold;padding-top:3px;}
.menu2 A:link    {COLOR: #790000; TEXT-DECORATION: none;}
.menu2 A:visited {COLOR: #790000; TEXT-DECORATION: none;}
.menu2 A:hover   {COLOR: #FF0000; text-decoration:none;}
.menu2 A:active  {COLOR: #790000; TEXT-DECORATION: none;}

.menu3 {font-size:9pt;font-family:dotumche, arial, Tahoma; color:#0072BC; font-weight:bold;padding-top:3px;}
.menu3 A:link    {COLOR: #ffffff; TEXT-DECORATION: none;}
.menu3 A:visited {COLOR: #ffffff; TEXT-DECORATION: none;}
.menu3 A:hover   {COLOR: #FF0000; text-decoration:none;}
.menu3 A:active  {COLOR: #ffffff; TEXT-DECORATION: none;}

.map   {COLOR: #0D004C; TEXT-DECORATION: none; line-height:130%;font-size:9pt;font-family:dotumche;font-weight:bold;}
.map A:link    {COLOR: #0D004C; TEXT-DECORATION: none;}
.map A:visited {COLOR: #0D004C; TEXT-DECORATION: none;}
.map A:hover   {COLOR: #FF0000; text-decoration:none;}
.map A:active  {COLOR: #0D004C; TEXT-DECORATION: none;}

.weather   {COLOR: #333333; TEXT-DECORATION: none;font-size:8pt;font-family:dotum;}


.main   {COLOR: #bbbbbb; TEXT-DECORATION: none; line-height:140%;font-size:9pt;font-family:dotum;}
.main A:link    {COLOR: #333333; TEXT-DECORATION: none;}
.main A:visited {COLOR: #333333; TEXT-DECORATION: none;}
.main A:hover   {COLOR: #FF8300; text-decoration:none;}
.main A:active  {COLOR: #333333; TEXT-DECORATION: none;}

/* .main2   {COLOR: #bbbbbb; TEXT-DECORATION: none; line-height:140%;font-size:8pt;font-family:dotum;} */
.main2   {COLOR: #bbbbbb; TEXT-DECORATION: none;font-size:8pt;font-family:gulim;}
.main2 A:link    {COLOR: #333333; TEXT-DECORATION: none;}
.main2 A:visited {COLOR: #333333; TEXT-DECORATION: none;}
.main2 A:hover   {COLOR: #FF8300; text-decoration:none;}
.main2 A:active  {COLOR: #333333; TEXT-DECORATION: none;}

.title {}
.title h3 {COLOR: #FF8300; margin:0; font-size:18px;}
.title h1 {COLOR: #FF8300; margin:0; font-size:22px;}

.time {height:26px; background-color: #ffffff; border: #ffffff 1px solid; font-size:11pt; padding-top:3px; text-align:center;}
.input {height:21px; background-color: #ffffff; border: #6D93E1 1px solid;padding-top:3px;}
body {background-color: #ffffff;}


.josa{background-color: #DDFFEE;}

/* 바다타임 로고 밑에 버튼입니다.*/

#waterco{
	color:black;
	font-weight:bold;
	margin-left:22px;
	float:left;
}
.waterspa{
	padding:2px 12px 5px 12px;
	border-radius:0.3em;
	border:1px solid gray;
}

#waterco .watera{
	text-decoration:none;
}
.watera:hover{
	color:#ff8300;
}