@charset "utf-8";
/* CSS Document */

	#movieTop { color: #111 ; font-size: 12px; position: relative ;}
	#movieTop div:first-child div{ position: relative; height: 190px ; overflow: hidden ;  }
	#movieTop div:first-child div span.name{ width: 100% ; white-space: nowrap ; background: #e63b31 ; padding: 2px; position: absolute; bottom: 0;  left: 0; text-align: left ;}
	#movieTop div:first-child div span.syukkin{ display: inline-block; border-radius: 5px ; border: 1px solid #111 ; background: #00aced ; padding: 0 5px; position: absolute; bottom: 28px;  right: 4px; text-align: left ; font-size: 10px;}
	
	#movieTop a { color: #FFF ; }
	
#movieTop .owl-nav { position: absolute; top: 50%; width: 100%; font-size: 13px; font-weight: 900 ; }
#movieTop .owl-nav span { color: #111 ; padding: 3px 5px; border-radius: 5px; border: 2px solid #111 ; background: #ffd200 }
#movieTop .owl-prev { position: absolute; left: 5px; top: -20px;}
#movieTop .owl-next { position: absolute; right: 5px; top: -20px;}
.movieTopPc .owl-dots.disabled, .movieTopPc .owl-nav.disabled { display: block !important ; }

	#movieInfo { padding: 0 25px; }
	#movieInfo ul{ list-style: none ; line-height: 100% ; text-align: center; }
	#movieInfo ul li{ width: 33.33333% ;padding: 0 5px 5px 0 ; display: inline-block; vertical-align: top; background: #FFF ; }
	#movieInfo ul li div{  font-size: 12px; position: relative ; overflow: hidden; }	
	#movieInfo ul li:nth-child(3n) { padding: 0 0 ;}
	#movieInfo ul li img { width: 100% ; cursor: pointer; }
	#movieInfo ul li span { width: 100% ;  white-space: nowrap ; background: #e63b31 ; color: #FFFFFF ; position: absolute ; bottom: 0 ; left: 0 ; padding: 2px ; }
	
	#movieList { padding: 0 10px; }
	#movieList ul{ list-style: none ; line-height: 100% ; text-align: center; }
	#movieList ul li{ width: 33.33333% ; padding: 0 10px 10px 0 ; display: inline-block; vertical-align: top; background: #FFF ; }
	#movieList ul li div:first-child{  height: 120px; font-size: 12px; position: relative ; overflow: hidden; }	
	#movieList ul li:nth-child(3n) { padding: 0 0 ;}
	#movieList ul li img { width: 100% ; cursor: pointer; }
	#movieList ul li span.title {  width: 100% ; display: block; color: #FFFFFF ; font-size: 80%; overflow: hidden; white-space: nowrap; }
	#movieList ul li div.name { width: 100% ; background: #e63b31 ; color: #FFFFFF ; position: relative ; padding: 2px 2px ; }
	#movieList ul li div.name a { color: #FFF ;}	
@media (max-width: 768px) {
	#movieTop div div{ height: 150px ; }
}