#scrol-banner { position: absolute; width: 70px; font-size: 8pt; top: 15%; right: 20px; z-index: 10; background:transparent; padding:5px; text-align:center;}
#scrol-banner > span {margin-bottom: 10px; display: block;}
.banner_contents {min-height: 100px; background-color: transparent;}
.banner_contents a {display: block;padding: 0;border-radius: 3px;margin-bottom: 5px;overflow: hidden;}
.banner_contents a img {width: 100%;height: auto;}
.banner_contents a .text-con {
	width: 100%;
	margin-top: 5px;
	font-size: 14px;
	color: #fff;
	line-height: 1.0;
	text-decoration: none;
}

@media only screen and (max-width: 480px) {
	#scrol-banner {width: 50px;top: unset;top:60%;right: 0;}
	.banner_contents a .text-con {font-size: 8px;}
}

#scrol-banner-left { position: absolute; width: 70px; font-size: 8pt; top: 15%; left: 20px; z-index: 10; background:transparent; padding:5px; text-align:center;}
#scrol-banner-left > span {margin-bottom: 10px; display: block;}
.banner_contents_l {min-height: 100px; background-color: transparent;}
.banner_contents_l a {display: block;padding: 0;border-radius: 3px;margin-bottom: 5px;overflow: hidden;}
.banner_contents_l a img {width: 100%;height: auto;}
.banner_contents_l a .text-con {
	width: 100%;
	margin-top: 5px;
	font-size: 14px;
	color: #fff;
	line-height: 1.0;
	text-decoration: none;
}

@media only screen and (max-width: 480px) {
	#scrol-banner-left {width: 50px;top: 60%;left: 0;}
	.banner_contents_l a .text-con {font-size: 8px;}
}