@media screen and (min-width: 500px){
	html,body{
		background-color:#eee;
	}
	main {

		background-color:#fff;
		width:280px;
		margin:0px auto;
	}

}
main {

	border:0px solid rgb(195, 195, 195);
	height:110px;
	position:relative;
	padding:0px;
	font-family: 돋움, Dotum, AppleGothic, sans-serif;
	
}
header{
	
	position:relative;
	overflow:hidden;
}
h1{

	color:#2379cf;
	font-weight:bold;
	font-size:15px;
	margin:0px;
	height:20px;
	

}

aside{
	
	position:absolute;
	right:0px;
	top:0px;
	bottom:0px;
	color: gray;
	font-size:12px;
	line-height:20px;
}

section {
	display:none;
	overflow:hidden;
	height:80px;
	text-align:middle;
	background-color: rgba(0, 0,0, 1);
	position:relative;
	margin-top:7px;
}
section.active {
	display:block;
}
section img{

	width:100%;
	text-align:middle;
	opacity:0.3;

}

a{
	position:absolute;
	display:block;
	top:0;
	left:0px;
	right:0px;
	bottom:0px;
	line-height:20px;
	text-align:center;
	overflow:hidden;
	font-size:14px;
	font-weight:bold;
}

section .cardnews{
	padding:20px 20px 0 20px;
	color:white;
}