@charset "utf-8";
/* SIR 지운아빠 */

/**{ margin:0; padding:0; list-style:none;}
body{background-color: #666;}*/
#wrapper2{ width:1200px; height:68px; margin:5px auto; text-align:center; position:relative; }
/*.overlay{ position: absolute; top: 0;  left: 0;  width: 100%;  height: 100%; z-index: 10; background-color: rgba(0,0,0,0.5); dim the background  text-align:center; display:none;}*/
#overlay_pic { margin:200px auto;  width:1180px;  box-shadow: 10px 10px 5px #f00;}
.jscarousal { width:1200px; height:68px; /*background-color:#121212;*/ border:solid 1px #7A7677; margin:0 auto 0 -1px; padding: 4px 0; position:relative; /*overflow: hidden;*/}
.jscarousal .jscarousal-left, .jscarousal .jscarousal-right {float:left; width:12px; height:56px; /*background-color:#121212;*/ color:White; position: relative; margin:2px 0px; cursor: pointer; }
.jscarousal .jscarousal-left { background-image: url(./img/left_arrow.jpg); background-repeat:no-repeat; background-position: left; }
.jscarousal .jscarousal-right { background-image: url(./img/right_arrow.jpg); background-repeat:no-repeat; background-position: right; }
.jscarousal-contents{ width:1174px; height:60px; float:left; position: relative; overflow:hidden; }
.jscarousal-contents > div {	/*position: absolute;*/	width:100%; height:60px; padding:0 5px; /*중간배열되게*/ }
.jscarousal-contents > div > div { float: left; margin: 0 2px; }
.jscarousal-contents img{
	/*width: 160px;	height: 120px;border: solid 1px #7A7677; cursor:pointer;*/
	width: 98px;
	height: 58px;
	border: solid 1px #7A7677;
	cursor:pointer;
}
.hidden { display: none; }
.visible { display: block; }
.thumbnail-active{
	filter: alpha(opacity=100);
	opacity: 1.0;
	cursor: pointer;

	-webkit-transition: all .3s ease-in;
	-moz-transition: all .3s ease-in;
  	transition: all .3s ease-in;
}
.thumbnail-inactive{
	filter: alpha(opacity=80);
	opacity: 0.8;
	cursor: pointer;

	-webkit-transition: all .3s ease-in;
	-moz-transition: all .3s ease-in;
  	transition: all .3s ease-in;
}
.thumbnail-text{color: #7A7677;	font-weight: bold;	text-align: left;display: block; padding: 10px 2px 2px 0px;}

/* su's */
/*#jsCarousel div { background-color:#999;}*/
#jsCarousel div:last-child { margin-right:0;}
#jsCarousel div img{ cursor:pointer; border: solid 1px #7A7677; }
#jsCarousel div img:hover{ border: solid 1px #ff9966; }
