@charset "euc-kr";

/* ******************** °ø¿ë - ¼öÁ¤±ÝÁö ******************** */
.slider {position:relative; overflow:hidden; height:100%;}
.slider .sliderObj {}
.slider .sliderObj li a {display:block; width:100%; height:100%; border:0;}
/* .slider .sliderObj li img {display:none;} */
.slider .sliderObj li img {width:100%; height:100%;}
.slider .sliderObj li {
	position:absolute; width:100%; height:100%; top:0;
	background-position:50%;
	background-repeat:no-repeat;
	background-size:cover;
}



/* ******************** ½½¶óÀ̵å ŸÀÔ ******************** */
/* Á¿ì */
.slider .normal {}
.slider .normal li {left:100%;}
.slider .normal li:first-child {left:0;}

/* »óÇÏ */
.slider .updown {}
.slider .updown li {left:0; top:100%;}
.slider .updown li:first-child {left:0; top:0;}

/* ÆÐÀ̵å ÀÎ ¾Æ¿ô */
.slider .fade {opacity:1 !important;}
.slider .fade li {
	left:0; opacity:0;
	transition:all 0.3s linear;
	-webkit-transition:all 0.3s linear;
	-moz-transition:all 0.3s linear;
}
.slider .fade li:first-child {opacity:1;}



/* ******************** ¹öÆ° ŸÀÔ ******************** */
/* °ø´Ü_¹öÆ°::¸ÞÀÎ-ÁÖ¿ä¼Ò½Ä */
.slider .gongdan_btnType {position:absolute; width:120px; height:29px; right:0; top:-38px; z-index:5;}
.slider .gongdan_btnType>* {float:left;}
.slider .gongdan_btnType button {
	position:absolute; display:block; width:29px; height:29px;
	cursor:pointer;	opacity:1;
	background-repeat:no-repeat; background-position:50%;
	background-color:#fff; border:1px solid #e5e5e5;
}
.slider .gongdan_btnType .bPrev {right:55px; background-image:url(../images_ebi/slider/prev.jpg) !important;}
.slider .gongdan_btnType .bNext {right:28px; background-image:url(../images_ebi/slider/next.jpg) !important;}



/* ÁÖ¿ä¼Ò½Ä¹è³Ê */
.slider .btnType1 {position:absolute; width:100%; top:50%;}
.slider .btnType1 button {
	position:absolute; display:block; width:60px; height:60px; margin-top:-30px; top:50%;
	cursor:pointer; border-radius:50%; background-color:rgba(25,58,99,.2);
	background-repeat:no-repeat; background-position:50%; text-indent:-9999999px;
}
.slider .btnType1 button:hover, .slider .btnType1 button:focus {background-color:rgba(25,58,99,.4)}
.slider .btnType1 button.bPrev {left:20px; background-image:url(../images_ebi/slider/prev2.png); background-position:40% center;}
.slider .btnType1 button.bNext {right:20px; background-image:url(../images_ebi/slider/next2.png); background-position:60% center;}



/* ¾Ë¸²Á¸ */
.slider .popZone {position:absolute; top:-45px; right:40px;}
.slider .popZone * {float:left;}
.slider .popZone button {
	display:block; width:30px; height:30px;
	cursor:pointer; border:1px solid #e5e5e5; border-left:0;
	background-repeat:no-repeat; background-position:50%; background-color:#fff; text-indent:-999999999px;
}
.slider .popZone span+button {border-left:1px solid #e5e5e5;}
.slider .popZone button:hover {opacity:1}
.slider .popZone button.bPrev {background-image:url(../images_ebi/slider/prev.jpg);}
.slider .popZone button.bNext {background-image:url(../images_ebi/slider/next.jpg);}
.slider .popZone button.bState {background-image:url(../images_ebi/slider/pause.jpg);}
.slider .popZone button.bState.play {background-image:url(../images_ebi/slider/play2.png);}
.slider .popZone .pageNum {padding:3px 10px 0 0;}



/* ******************** ÆäÀÌÁö ŸÀÔ ******************** */
/* °ø´Ü_ÆäÀÌÁö::¸ÞÀÎ-ÁÖ¿ä¼Ò½Ä */
.slider .gongdan_pageType {
	position:absolute; width:29px; height:29px; right:0; top:-38px; z-index:10; display:inline-block; background:transparent;
}
.slider .gongdan_pageType .bState {	
	display:inline-block;	
	width:29px; height:29px;
	background-image:url(../images_ebi/slider/pause.jpg);
	background-repeat:no-repeat; background-position:50%;
	background-size:6px;
	background-color:#fff;
	border:1px solid #e5e5e5;
	
}
.slider .gongdan_pageType .bState.play {	
	background-image:url(../images_ebi/slider/play.png);
	background-color:#f9f9f9;
	background-size:12px;
}

/* ÆäÀÌÁö1 */
.slider .pageType1 {position:absolute; width:100%; bottom:20px; padding:0; text-align:center;}
.slider .pageType1>* {display:inline-block; vertical-align:middle; line-height:0; font-size:0;}
.slider .pageType1>div>button {
	display:inline-block; margin:2px; width:23px; height:23px; padding:0; text-indent:-9999px;
	border-radius:50%; background:transparent; border:3px solid #193a63; cursor:pointer;
}
.slider .pageType1>div>button.on {background:#193a63 !important;}
.slider .pageType1>div>button:hover {background:#193a63;}
.slider .pageType1 .bState {	
	width:23px; height:23px; border-radius:50%; cursor:pointer;
	background-image:url(../images_ebi/slider/pause.jpg);
	background-color:#fff; background-repeat:no-repeat; background-position:50%;
	border:3px solid #000;
}
.slider .pageType1 .bState.play {	
	background-image:url(../images_ebi/slider/play2.png);
}

/* ÆäÀÌÁö2 */
.slider .pageType2 {position:absolute; width:100%; bottom:10px; padding:0; text-align:center;}
.slider .pageType2>* {display:inline-block; vertical-align:middle; line-height:0; font-size:0;}
.slider .pageType2>div>a {
	display:inline-block; margin:5px; width:15px; height:6px; line-height:0; font-size:0;
	border-radius:3px; background:rgba(0,0,0,.2);
}
.slider .pageType2>div>a.on {background:rgba(0,0,0,6);}
.slider .pageType2 .bState {	
	width:23px; height:23px; border:1px solid #fff;
	background-image:url(../images_ebi/slider/pause.png);
	background-repeat:no-repeat; background-position:50%;
	background-size:50%; border-radius:50%;
	background-color:rgba(255,255,255,.5);
}
.slider .pageType2 .bState.play {	
	background-image:url(../images_ebi/slider/play.png);
	background-color:rgba(255,255,255,1);
}

/* ÆäÀÌÁö3 */
.slider .pageType3 {position:absolute; width:100%; bottom:10px; padding:0; text-align:center;}
.slider .pageType3>* {display:inline-block; vertical-align:middle; line-height:0; font-size:0;}
.slider .pageType3>div>a {
	display:inline-block; margin:2px; width:23px; height:23px; line-height:1; font-size:11px; color:rgba(0,0,0,.5);
	background:rgba(255,255,255,.5);  border:1px solid #fff;
}
.slider .pageType3>div>a>span {display:inline-block; padding-top:5px; line-height:1;}
.slider .pageType3>div>a.on {color:rgba(0,0,0,1); font-weight:bold; background:rgba(255,255,255,1);}
.slider .pageType3 .bState {	
	width:23px; height:23px; border:1px solid #fff;
	background-image:url(../images_ebi/slider/pause.png);
	background-repeat:no-repeat; background-position:50%;
	background-size:50%;
	background-color:rgba(255,255,255,.5);
}
.slider .pageType3 .bState.play {	
	background-image:url(../images_ebi/slider/play.png);
	background-color:rgba(255,255,255,1);
}