/**
Stylesheet: Slideshow.css
	CSS for Slideshow.

License:
	MIT-style license.

Copyright:
	Copyright (c) 2008 [Aeron Glemann](http://www.electricprism.com/aeron/).
	
HTML:
	<div class="slideshow">
		<div class="slideshow-images" />
		<div class="slideshow-captions" />
		<div class="slideshow-controller" />
		<div class="slideshow-loader" />
		<div class="slideshow-thumbnails" />
	</div>
	
Notes:
	These next four rules are set by the Slideshow script.
	You can override any of them with the !important keyword but the slideshow probably will not work as intended.
*/

/* 슬라이드 이미지 */
#show{position:relative;float:left;width:100%;height:730px;overflow:hidden;margin-bottom:20px;}
.slideshow{position:relative;width:1100px;height:730px;margin:0 auto;}
.slideshow-images{position:absolute;top:0;left:0;width:1100px;}
.slideshow-images{height:730px;width:1100px;}
.slideshow-images-visible{opacity:1;}
.slideshow-images-prev{opacity:0;}
.slideshow-images-next{opacity:0;}
.slideshow-images img{float:left;left:0;top:0;}

/* 캡션 */
.slideshow-captions{background:#000;bottom:0;color:#FFF;font:normal 12px/22px Arial, sans-serif;left:0;overflow:hidden;position:absolute;text-indent:10px;width:100%;z-index:10000;}
.slideshow-captions-hidden{height:0;opacity:0;}
.slideshow-captions-visible{height:22px;opacity:.7;}

/* 마우스 오버 시 나타나는 컨트롤러 */
.slideshow-controller{position:absolute;top:50%;left:27%;width:238px;height:42px;margin:-21px 0 0 0;background:url(../img/controller.png) no-repeat;overflow:hidden;z-index:10000;}
.slideshow-controller-hidden{opacity:0;}
.slideshow-controller-visible{opacity:1;}
.slideshow-controller a{cursor:pointer;display:block;height:18px;overflow:hidden;position:absolute;top:12px;}
.slideshow-controller a.active{background-position:0 18px;}
.slideshow-controller li{list-style:none;}
.slideshow-controller li.first a{background-image:url(../img/controller-first.gif);left:33px;width:19px;}
.slideshow-controller li.last a{background-image:url(../img/controller-last.gif);left:186px;width:19px;}
.slideshow-controller li.next a{background-image:url(../img/controller-next.gif);left:145px;width:28px;}
.slideshow-controller li.pause a{background-image:url(../img/controller-pause.gif);left:109px;width:20px;}
.slideshow-controller li.play a{background-position:20px 0;}
.slideshow-controller li.play a.active{background-position:20px 18px;}
.slideshow-controller li.prev a{background-image:url(../img/controller-prev.gif);left:65px;width:28px;}

/* 썸네일 */
.slideshow-thumbnails{position:absolute;top:0;left:930px;width:100%;height:620px;z-index:99999;overflow:hidden;z-index:10000000000;}
.slideshow-thumbnails ul{position:relative;float:left;width:350px;height:620px;margin-top:-5px;border:0px}
.slideshow-thumbnails li{float:left;list-style:none;margin:5px;position:relative;}
.slideshow-thumbnails a{display:block;float:left;width:90px;height:60px;padding:5px;position:relative; }
.slideshow-thumbnails a:hover{background-color:#FF9 !important;opacity:1 !important;}
.slideshow-thumbnails img{display:block;width:90px;height:60px;}
.slideshow-thumbnails-active{background-color:#9FF;opacity:1;}
.slideshow-thumbnails-inactive{background-color:#FFF;opacity:.5;}