html {-webkit-text-size-adjust:none; -webkit-overflow-scrolling:touch;}
ul, ol, li {list-style: none;overflow:hidden; margin: 0px; padding: 0px}
body {font: 100% 'Lucida Grande', sans-serif;margin: 10 0 0 0; padding: 0; }
mark {background-color: #FFFFCC;}
a img, :link img, :visited img {border: none}
a:link{text-decoration:none}
a:visited{text-decoration:none}
a:hover{text-decoration:none}
a:active{text-decoration:none}
.top {font-size: .9em; color: #004E92;margin: 0; padding: 0;font-weight: bold;text-decoration: none}
.top a {color: #004E92;text-decoration: none}
.top1 {font-size: .9em; margin: 0; padding: 0;text-decoration: none;width:100%;}
.top2 {font-size: .8em; margin: 0; padding: 0;text-decoration: none;width:100%;color:#FF9900;text-align: right;}

.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 {font-size: .9em; color: black; text-align: left; margin: 0 5; padding: 0; text-decoration: none}
.main a {color: black;text-decoration: none}


.main1 {font-size: .9em; color: black; text-align: center; margin: 0; padding: 0; text-decoration: none}
.main1 a {color: black;text-decoration: none}

.main2 {font-size: .7em; color: black; text-align: left; margin: 0; padding: 0; text-decoration: none}

.main3 {font-size: .9em; color: black; text-align: left; margin: 0; padding: 0; text-decoration: none}
.main3 a { color: black; text-decoration: none}

.main4 {font-size: .8em; color: black; text-align: center; margin: 0; padding: 0; text-decoration: none; border: 1px solid #cccccc;}
.main4 a {color: black;text-decoration: none}


.main5 {font-size: 1em; color: black; text-align: center; margin: 0; padding: 0; text-decoration: none;}
.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 {margin: 0; padding: 0; text-decoration: none;color:#074177;}
.main-trend ul li { display: inline-block; text-align: left; padding: 0em; margin: 2;color:#074177;}
.main-trend a {color: black; text-align: left; margin: 0; padding: 0; text-decoration: none}
.main-mid {padding: .04em; margin: 0 2 4 2;color:gray; }

.button{
	position:relative;	
	width:98%;
	height:0px;
	margin:3 0 3 0;
	padding:3px 0px 5px;
	-webkit-border-radius:16px;
	-moz-border-radius:16px;
	-webkit-border-radius:16px;
	-moz-border-radius:16px;

	border:2px solid #ccc;	
 
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight:800;
	color:#fff;
	text-shadow: rgba(10,10,10,0.5) 1px 2px 2px;
	text-align:center;
	vertical-align:middle;
	overflow:hidden;
}

.aqua{
  background-color: rgba(60, 132, 198, 0.8);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(108, 191, 255, .9)), to(rgba(28, 91, 155, 0.8)));
  border-top-color: #8ba2c1;
  border-right-color: #5890bf;
  border-bottom-color: #4f93ca;
  border-left-color: #768fa5;
 /* -webkit-box-shadow: rgba(66, 140, 240, 0.5) 0px 10px 16px;
  -moz-box-shadow: rgba(66, 140, 240, 0.5) 0px 10px 16px;*/
} 

.button .blaze {
  position: absolute;
  top:3 ;
  left: 2%;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius:8px;
  -moz-border-radius:8px;
  height: 10px;
  width: 97%;
  padding: 8px 0;
  background-color: rgba(255, 255, 255, 0.15);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 95%, from(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0)));
}

.all_item { width: 120px; height: 120px; margin: 0; padding: 0; list-style: none; display: inline-block; font-size: 0; vertical-align: top;  }
.all_thumbnail { width: 120px; height: 75px; background-color: #999; border:thin; border-color:#333; padding: 0; margin: 0; float: none; }
.all_text { 
	width: 120px;
	height: 50px;
	text-align: left;
	padding: 2px;
	margin: 0;
	font-size: 9pt;
	white-space: normal;
	text-overflow: ellipsis;
	word-wrap: break-word;
}
.all_text > a { color:#333333; }

.ms-contents { width: 100%; display: inline-block; position: relative; }

.vsub-wrap { background-color: #FFF; display: inline-block; border: 1px solid #e8e8e8; padding: 5px; margin-top: 10px; }
.vsub-video { 
	background-color:#999; 
	position: relative;
	width: 340px;
	height: 250px;
	display: inline-block;
	box-shadow: none;
}
.vsub-title { text-align: left; font-size: 12pt; font-weight: bold; width: 100%; line-height:140%;}
.vsub-list { width: 100%; list-style: none; font-size: 0; margin: 0; padding:0; }
.vsub-list > li { 
		background-color: #FFF; 
		width: 100%; 
		height: 90px; 
		display: inline-block; 
		border: 1px solid #e8e8e8;
		text-align: left; 
		padding: 10px;
		font-size: 0;
		margin: 0;
		position: relative;	
		box-shadow: none;	 
}
.vsub-list > li:hover {cursor:pointer;}
.vsub-l-thumbnail-wrap { width: 32%; height: 80px; float: left; background-color:#CCC; border: 1px solid #e8e8e8; position: relative;}
.vsub-l-thumbnail { width: 100%; height: 100%; }
.vsub-l-text { width: 60%; height: 74px; font-size: 10pt; float: left; padding-left: 5px; line-height:140%;  -webkit-line-clamp: 2;}

/* 리스트 A */
.listA h1 {	text-align: center;}
.listA .container {	display: flex;	flex-wrap: wrap; max-width: 746px;	max-width: var(--large-width);	margin-bottom: 5px 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: 120px;	background-position: center;	background-size: cover;}
.listA .text {	margin: 10px;	color : #424242;}
.listA h2 {font-size: 14px; color : #424242;}
.listA p {font-size: 13px;	opacity: 0.8;}
.listA span {font-size: 13px;	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: 14px;	color : #000000;}
.listB p {	font-size: 13px;	opacity: 0.8;}
.listB span {font-size: 13px; opacity: 0.8;}