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;}

.main0 {padding:  5 0 3 0 ; margin: 0 5 0 5; background: white ;text-align: left; color: #fff;  font-size: .9em}
.main0 a {color: black;text-decoration: none}
.main0-header {font-size: 1em; text-decoration: none;display: inline-block;font-weight: bold;}
.main0 ul {color:black; text-align: left; margin: 0; padding: 0; text-decoration: none}
.main0 ul a {text-decoration: none;color:#074177;}
.main0 ul li {display: inline-block; padding: .2em; margin: 0 10 0 0; }
.main0-line {background: #074177; padding: .07em; margin: 0 }

.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:Malgun Gothic;}
.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;}

.josa{background-color: #DDFFEE;}

.main-trend-header {text-decoration: none;display: inline-block;color:black; margin: 0 0 0 5;}
.main-trend {padding:  3 0 10 0 ; margin: 0 0 0 0; background: white ;text-align: left; color: #fff;  font-size: .9em}
.main-trend ul { text-align: left; margin: 0; padding: 0; text-decoration: none;}
.main-trend ul a { text-align: left; margin: 0; padding: 0; text-decoration: none;color:#074177;}
.main-trend ul li {display: inline-block; padding: 0em; margin: 2;color:#074177;}
.main-trend a {color: black; text-align: left; margin: 0; padding: 0; text-decoration: none}
.main-mid {text-align:right; padding: .07em; margin: 0 2 4 2;color:gray; }


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


#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;
}


/* 리스트 A */
.listA h1 {
	text-align: center;
}

.listA .container {
	display: flex;
	flex-wrap: wrap;
	max-width: 746px;
	max-width: var(--large-width);
	margin-bottom: 30px auto;
}

.listA article {
	flex: 1 1 300px;
	display: flex;
}

.listA a {
	flex: 1;
	margin: 10px;
	display: block;
	border: solid 1px #BDBDBD;
	color: inherit;
	text-decoration: none;
}

.listA a:hover {
	opacity: 0.8;
}

.listA .photo {
	min-height: 150px;
	background-position: center;
	background-size: cover;
}

.listA .text {
	margin: 10px;
	color : #424242;
}

.listA h2 {
	font-size: 16px;
	color : #424242;
}

.listA p {
	font-size: 14px;
	opacity: 0.8;
}

.listA span {
	font-size: 14px;
	opacity: 0.8;
}

/* 리스트 B */
.listB h1 {
	text-align: center;
}

.listB .container {
	display: flex;
	flex-wrap: wrap;
	max-width: 746px;
	max-width: var(--large-width);
	margin: 5px auto;
}

.listB article {
	flex: 1 1 375px;
	display: flex;
}

.listB a {
	flex: 1;
	margin: 5px;
	display: flex;
	border: solid 1px #BDBDBD;
	color: inherit;
	text-decoration: none;
}

.listB a:hover {
	opacity: 0.8;
}

.listB .photo {
	flex: 2;
	min-height: 0;
	background-position: center;
	background-size: cover;
}

.listB .text {
	flex: 3;
	margin: 10px;
	color : #424242;
}

.listB h2 {
	font-size: 16px;
	color : #000000;
}

.listB p {
	font-size: 13px;
	opacity: 0.8;
}

.listA span {
	font-size: 13px;
	opacity: 0.8;
}

/* 리스트 youtube */
.youtubeA h1 {
	text-align: center;
}

.youtubeA .container {
	display: flex;
	flex-wrap: wrap;
	max-width: 746px;
	max-width: var(--large-width);
	margin-bottom: 30px auto;
}

.youtubeA article {
	flex: 1 1 280px;
	display: flex;
}

.youtubeA .ytb_list {
	flex: 1;
	margin: 5px;
	display: block;
	border: solid 1px #BDBDBD;
	color: inherit;
	text-decoration: none;
}

.youtubeA .photo {
	min-height: 220px;
	background-position: center;
	background-size: cover;
}

.youtubeA .text {
	margin: 10px;
	color : #424242;
}

.youtubeA h2 {
	font-size: 16px;
	color : #424242;
}

.youtubeA p {
	font-size: 14px;
	opacity: 0.8;
}

.youtubeA span {
	font-size: 14px;
	opacity: 0.8;
}