@charset "UTF-8";

/* thumbnail list */
.hidden { display: none; } 

	
#bestRolling { width: 700px; padding-left: 0px; float: left; background: #fff; word-break: keep-all; }
#bestBanner { position: relative; width: 700px; height: 280px; background: url('../img/bg_best_banner.gif') repeat-x 0 0; overflow: hidden; }
#bestBanner .bestPhoto, #bestBanner .bestPara,
#bestBanner .bestTitle1, #bestBanner .bestTitle2 { position: absolute; }
	.bestPhoto { position: absolute; top: 19px; left: 19px; width: 400px; height: 240px;  }
	.bestTitle1 { position: absolute; top: 25px; right: 24px; color: #df2526; font-family: "NanumGothicWeb"; font-weight: bold; width: 250px; }
	.bestTitle2 { position: absolute; top: 25px; right: 24px; font-family: "NanumGothicWeb"; font-size: 18px; color: #fff;  letter-spacing: -1px; line-height: 1.2em; font-weight: bold; width: 250px; }
	.bestTitle2 a { color: #fff; }
	.bestPara { position: absolute; top: 82px; right: 24px; color: #999999;  font-family: "NanumGothicWeb"; font-size: 12px; line-height: 1.5em; width: 250px; }
		
	.ready .bestPhoto { position: absolute; top: 19px; left: 700px; width: 400px; height: 240px;  }
	.ready .bestTitle1 { position: absolute; top: 25px; right: -691px; color: #df2526; font-weight: bold; width: 250px; }
	.ready .bestTitle2 { position: absolute; top: 51px; right: -691px; font-size: 24px; color: #fff;  letter-spacing: -2px; line-height: 1.2em; font-weight: bold; width: 250px; }
	.ready .bestPara { position: absolute; top: 122px; right: -691px; color: #fff;  line-height: 1.5em; width: 280px;  text-align: justify; }

#bestNav { position: absolute; top: 237px; right: 0px; width: 270px; }
#bestNav li { display: inline; margin-right: 11px; float: left; }		
	.banArrow { margin-top: -5px; display: inline-block; }
	
		
		
