

/* 갤러리 */
.ad-gallery {
	width: 700px; padding-left: 20px;
}
.ad-gallery, .ad-gallery * {
	margin: 0; 
}
.ad-gallery .ad-image-wrapper {
    width: 100%; height: 400px; margin-bottom: 10px; position: relative; overflow: hidden;
  }
.ad-gallery .ad-image-wrapper .ad-loader {
	position: absolute; z-index: 10; top: 48%; left: 48%; border: 1px solid #CCC;
}
.ad-gallery .ad-image-wrapper .ad-next {
	position: absolute; right: 0; top: 0; width: 25%; height: 100%; cursor: pointer; display: block; z-index: 100;
}
.ad-gallery .ad-image-wrapper .ad-prev {
	position: absolute; left: 0; top: 0; width: 25%; height: 100%; cursor: pointer; display: block; z-index: 100;
}
.ad-gallery .ad-image-wrapper .ad-prev, .ad-gallery .ad-image-wrapper .ad-next {
      /* Or else IE will hide it */
     background: url(non-existing.jpg)\9
}
.ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image, .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
	background: url(../images/photo/ad_prev.png); width: 15px; height: 28px; display: none; position: absolute; top: 47%; Left: 0; z-index: 101;
}
.ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
	background: url(../images/photo/ad_next.png); width: 15px; height: 28px;right: 0; left: auto;
}
.ad-gallery .ad-image-wrapper .ad-image {
	position: absolute; overflow: hidden; top: 0; left: 0; z-index: 9;
}
.ad-gallery .ad-image-wrapper .ad-image a img {
	border: 0;
}
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
	position: absolute; bottom: 0px; left: 0px; padding: 7px 10px; text-align: left; width: 100%; z-index: 2; background: url(../images/photo/opa75.png);  color: #fff; font-size:14px;
}
* html .ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
	background: none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, sizingMethod=scale, src='../images/photo/opa75.png');
}
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title {
	display: block;
}
.ad-gallery .ad-controls {
    height: 20px; width: 95%; margin: 0 auto;
}
.ad-gallery .ad-info {
	float: left;
}
.ad-gallery .ad-slideshow-controls {
	float: right;
}
.ad-gallery .ad-slideshow-controls .ad-slideshow-start, .ad-gallery .ad-slideshow-controls .ad-slideshow-stop {
	padding-left: 5px; cursor: pointer;
}
.ad-gallery .ad-slideshow-controls .ad-slideshow-countdown {
	padding-left: 5px; font-size: 0.9em;
}
.ad-gallery .ad-slideshow-running .ad-slideshow-start {
	cursor: default; font-style: italic;
}
.ad-gallery .ad-nav {
    width: 95%; position: relative;margin: 0 auto;
}
.ad-gallery .ad-forward, .ad-gallery .ad-back {
      position: absolute; top: 0; height: 100%; z-index: 10;
}
    /* IE 6 doesn't like height: 100% */
* html .ad-gallery .ad-forward, .ad-gallery .ad-back {
	height: 100px;
}
.ad-gallery .ad-back {
	cursor: pointer; left: -20px; width: 13px; display: block; background: url(../images/photo/ad_scroll_back.png) 0px 22px no-repeat;
}
.ad-gallery .ad-forward {
	cursor: pointer; display: block; right: -20px; width: 13px; background: url(../images/photo/ad_scroll_forward.png) 0px 22px no-repeat;
}
.ad-gallery .ad-nav .ad-thumbs {
	overflow: hidden; width: 100%;
}
.ad-gallery .ad-thumbs .ad-thumb-list {
	float: left; width: 9000px; list-style: none;
}
.ad-gallery .ad-thumbs li {
	float: left; padding-right: 10px; background: url(../images/photo/thumb.jpg) top left no-repeat;); display:inline-block;
}
.ad-gallery .ad-thumbs li img{
	width: 105px; height: 75px;
}
.ad-gallery .ad-thumbs li a {
	display: block;
}
.ad-gallery .ad-thumbs li a img {
	border: 3px solid #CCC; display: block;
}
.ad-gallery .ad-thumbs li a.ad-active img {
	border: 3px solid #85e516;
}


/* Can't do display none, since Opera won't load the images then */
.ad-preloads {
  position: absolute; left: -9000px; top: -9000px;
}
#gallery1 {
	margin:10px 0;
}
.example {
	border: 1px solid #CCC; background: #f2f2f2; padding: 10px;
}
#descriptions {
	position: relative; height: 50px; background: #EEE; margin-top: 10px; width: 640px; padding: 10px; overflow: hidden;
}
#descriptions .ad-image-description {
	position: absolute;
}
#descriptions .ad-image-description .ad-description-title {
	display: block;
}
.ad-slideshow-start {
    overflow: hidden;
    text-indent: 999px;
    white-space: nowrap;
    display: inline-block;
    width: 15px;
    height: 15px;
    background: transparent url('../images/photo/btn_play.png') no-repeat center center;
}
.ad-slideshow-stop {
    overflow: hidden;
    text-indent: 999px;
    white-space: nowrap;
    display: inline-block;
    width: 15px;
    height: 15px;
    background: transparent url('../images/photo/btn_stop.png') no-repeat center center;
}
