@charset "utf-8";
/* slide */
.slides2 .page{z-index:100;position:absolute;top:20px;right:0px;height:12px;list-style:none}
.slides2 .page li{display:inline-block;_display:inline;margin:0 1px;_zoom:1}
.slides2 .page li a{
							display:block;
							overflow:hidden;
							width:22px;
							height:22px;
							border:0px solid #e7e7e7;
							background:url(../../images/num00.png) no-repeat left top;
							font-weight: bold;
							color:#fff;
							font-family:'돋움',Dotum,'굴림체',Gulim,Aria,Helvetica,AppleGothic,Sans-serif;
							font-weight:bold;
							font-size:11px;
							line-height:22px;
							text-align:center
						}
.slides2 .page li a:hover{text-decoration:none}
.slides2 .page li.current a{background-position:right top}

.slides .slide{overflow:hidden;position:relative;width:554px;height:197px}
.slides a.prev,.slides a.next{display:inline-block;z-index:100;overflow:hidden;position:absolute;top:-20px;width:17px;height:17px;line-height:999px;vertical-align:top}
.slides a.prev				{right:17px;background:url(../../images/btn_prev_m.gif) 0 0 no-repeat;}
.slides a.prev:hover		{background:url(../../images/btn_prev_m.gif) 0 0 no-repeat;}
.slides a.next				{right:0px;width:16px;background:url(../../images/btn_next_m.gif) 0 0 no-repeat;}
.slides a.next:hover		{background:url(../../images/btn_next_m.gif) 0 0 no-repeat;}
.slides .page{display:none}


.slides3 .slide{overflow:hidden;position:relative;width:554px;height:194px}
.slides3 a.prev,.slides3 a.next{display:inline-block;z-index:100;overflow:hidden;position:absolute;top:-20px;width:17px;height:17px;line-height:999px;vertical-align:top}
.slides3 a.prev				{right:17px;background:url(../../images/btn_prev_m.gif) 0 0 no-repeat;}
.slides3 a.prev:hover		{background:url(../../images/btn_prev_m.gif) 0 0 no-repeat;}
.slides3 a.next				{right:0px;width:16px;background:url(../../images/btn_next_m.gif) 0 0 no-repeat;}
.slides3 a.next:hover		{background:url(../../images/btn_next_m.gif) 0 0 no-repeat;}
.slides3 .page{display:none}

.b_ct .slides4  {overflow:hidden;position:relative;width:228px;height:230px}
.slides4 a.prev_circle				{position:absolute; top:50%; left:0; margin-top:-11px; z-index:10; width:22px; height:22px; background:url(/images/btn_arrow_left.png) 0 0 no-repeat; display: block; cursor:pointer;}
.slides4 a.prev_circle:hover		{background:url(/images/btn_arrow_left_on.png) 0 0 no-repeat;}
.slides4 a.next_circle				{position:absolute; top:50%; right:0; margin-top:-11px; z-index:10; width:22px; height:22px; background:url(/images/btn_arrow_right.png) 0 0 no-repeat; display: block; cursor:pointer;}
.slides4 a.next_circle:hover		{background:url(/images/btn_arrow_right_on.png) 0 0 no-repeat;}

.slides4 .page_circle{position:absolute; float:left; top:7px; right:0; width:55px; height:16px; z-index:10;}
.slides4 .page_circle li {display:inline; float:left; }
.slides4 .page_circle li a {display:block; float:left; background:url(../../images/rolling_off.png) 0 0  no-repeat; width:16px; height:16px;}
.slides4 .page_circle li.current_circle a {display:block; float:left; background:url(../../images/rolling_on.png) 0 0  no-repeat; width:16px; height:16px; }
.slides4 .page_circle li a:hover{text-decoration:none; cursor:point;} 

.slides5  {overflow:hidden;position:relative;width:228px;height:200px}
.slides5 a.prev_circle				{position:absolute; top:50%; left:0; margin-top:-11px; z-index:10; width:22px; height:22px; background:url(/images/btn_arrow_left.png) 0 0 no-repeat; display: block; cursor:pointer;}
.slides5 a.prev_circle:hover		{background:url(/images/btn_arrow_left_on.png) 0 0 no-repeat;}
.slides5 a.next_circle				{position:absolute; top:50%; right:0; margin-top:-11px; z-index:10; width:22px; height:22px; background:url(/images/btn_arrow_right.png) 0 0 no-repeat; display: block; cursor:pointer;}
.slides5 a.next_circle:hover		{background:url(/images/btn_arrow_right_on.png) 0 0 no-repeat;}

.slides5 .page_circle{position:absolute; float:left; top:7px; right:0; width:55px; height:16px; z-index:10;}
.slides5 .page_circle li {display:inline; float:left; }
.slides5 .page_circle li a {display:block; float:left; background:url(../../images/rolling_off.png) 0 0  no-repeat; width:16px; height:16px;}
.slides5 .page_circle li.current_circle a {display:block; float:left; background:url(../../images/rolling_on.png) 0 0  no-repeat; width:16px; height:16px; }
.slides5 .page_circle li a:hover{text-decoration:none; cursor:point;}