@charset "utf-8";

/* ******************** 공용 - 수정금지 ******************** */
.slider {position:relative; overflow:hidden; height:100%;}
.slider .sliderObj li a {display:block; width:100%; height:100%; border:0; cursor:default;}
.slider .sliderObj li img {display:none;}
.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 .btnType_af {z-index:99; position:absolute; width:1200px;height:62px; top:195px; left:50%; margin-left:-600px;}
.slider .btnType_af button {
	width:32px; height:62px; position:absolute; z-index:999; cursor:pointer; background-color:rgba(0,0,0,0);
	background-repeat:no-repeat; background-position:center; background-size:cover;
}
.slider .btnType_af button.bPrev {background-image:url(../images/slider/prev.png); left:0;}
.slider .btnType_af button.bNext {background-image:url(../images/slider/next.png); right:0;}

/* 버튼::어나더팩토리 - 메인::Notice */
.slider .btnType3 {
	z-index:99; position:absolute; top:25px; right:0; width:0; height:50px; text-align:right; padding-right:30px;
}
.slider .btnType3 button {
	position:absolute; top:0; right:0;
	display:inline-block; width:45px; height:45px; border:1px solid #e5e5e5; border-radius:50%; background-color:#fff;
	background-repeat:no-repeat; background-position:center; cursor:pointer;
}
.slider .btnType3 button.bPrev {background-image:url(../images/slider/prevArrow.png); right:85px;}
.slider .btnType3 button.bNext {background-image:url(../images/slider/nextArrow.png); right:30px;}


/* 메인::이슈분석-이전,다음버튼 */
.slider .btnType_basic {position:absolute; width:50%; height:25px; bottom:0; right:0;}
.box-card .slider .btnType_basic {bottom:40px; right:40px;}
.slider .btnType_basic button {
	position:absolute; display:block; width:25px; height:25px;
	margin-top:-18px; top:50%;
	cursor:pointer;	opacity:.5;
	border:1px solid #fff;
	background-color:transparent;
	background-repeat:no-repeat; background-position:50%;
}
.slider .btnType_basic button:hover {opacity:1; background-color:rgba(255,255,255,.2);}
.slider .btnType_basic button.bPrev {border-right:1px solid transparent; right:25px; background-image:url(../images/slider/prev.png);}
.slider .btnType_basic button.bPrev:hover {border-right:1px solid #fff; transition-duration:.3s !important;}
.slider .btnType_basic button.bPrev+.bNext {border-left:0;}
.slider .btnType_basic button.bNext {right:0; background-image:url(../images/slider/next.png);}
.slider .btnType_basic button.bPrev+.bNext {border-left:1px solid #fff;}
.slider .btnType_basic button.bPrev:hover+.bNext {border-left:1px solid #fff; transition-duration:.3s !important;}

/* 버튼2 */
.slider .btnType2 {position:absolute; width:100%; top:50%;}
.slider .btnType2 a {
	position:absolute; display:block; width:30px; height:30px; margin-top:-15px; top:50%;
	cursor:pointer; border-radius:5px;
	background-color:rgba(0,0,0,.2); background-repeat:no-repeat; background-position:50%;
	background-size:50%;
}
.slider .btnType2 a:hover {background-color:rgba(0,0,0,.5)}
.slider .btnType2 .bPrev {left:20px; background-image:url(../images/slider/prev_w.png);}
.slider .btnType2 .bNext {right:20px; background-image:url(../images/slider/next_w.png);}



/* ******************** 페이지 타입 ******************** */
/* 메인:: */
.slider .fta_pageType {position:absolute; width:auto; top:-75px; right:0; padding:0; text-align:center;}
.box2 .slider .fta_pageType {top:-55px; right:40px;}
.slider .fta_pageType>* {display:inline-block; vertical-align:middle; line-height:0; font-size:0;}
.slider .fta_pageType>div>a {
	display:inline-block; margin:5px; width:10px; height:10px;
	border-radius:50%; background:#d1d7e6;
}
.slider .fta_pageType>div>a.on {background:#1a3681 !important;}
.slider .fta_pageType>div>a:hover {background:#eee;}


/* 페이지1 */
.slider .pageType1 {position:absolute; width:100%; bottom:10px; padding:0; text-align:center;}
.slider .pageType1>* {display:inline-block; vertical-align:middle; line-height:0; font-size:0;}
.slider .pageType1>div>a {
	display:inline-block; margin:5px; width:15px; height:15px;
	border-radius:50%; background:rgba(255,255,255,.7);
}
.slider .pageType1>div>a.on {background:rgba(255,176,59,1) !important;}
.slider .pageType1>div>a:hover {background:rgba(255,255,255,1);}
.slider .pageType1 .bState {	
	width:25px; height:25px; border-radius:50%;
	background-image:url(../images/slider/pause_w.png);
	background-color:rgba(0,0,0,.3); background-repeat:no-repeat; background-position:50%;
	background-size:50%;
}
.slider .pageType1 .bState.play {	
	background-image:url(../images/slider/play_w.png);
	background-color:rgba(0,0,0,.7);	
}

/* 페이지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/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/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/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/slider/play.png);
	background-color:rgba(255,255,255,1);
}

/*어나더팩토리::메인 완료*/
.slider .pageType_af {z-index:10; position:absolute; width:100%; top:350px; padding:0; text-align:center;}
.slider .pageType_af>* {display:inline-block; vertical-align:middle; line-height:0; font-size:0;}
.slider .pageType_af>div>a {
	display:inline-block; margin:5px 10px; width:15px; height:15px;
	border-radius:50%; background:transparent; border:2px solid #fff;
}
.slider .pageType_af>div>a.on {background:#fff;}
.slider .pageType_af>div>a:hover {background:#fff;}


/* ************************ 태블릿 이하(~991) ************************ */
@media screen and (max-width: 991px) {
	
	/* ******************** 버튼 타입 ******************** */
	/* 메인::이슈분석-이전,다음버튼 */
	.slider .btnType_basic {bottom:-5px;}
	
	.slider .fta_pageType {top:-55px;}
	
	/*어나더팩토리::메인 완료*/
	.slider .pageType_af {top:250px;}

}


/* ************************ 모바일 (0~767) ************************ */
@media screen and (max-width: 767px) {
	
	.box-card .slider .btnType_basic {bottom:20px; right:20px;}
	.slider .fta_pageType {top:-90px;}
	.box2 .slider .fta_pageType {right:20px; top:-70px;}
	.slider .btnType_basic {bottom:0;}
	
	
	/*어나더팩토리::메인 완료*/
	.slider .pageType_af {display:none !important;}
	.slider .btnType_af {display:none !important;}
	/*
	.slider .pageType_af {top:165px;}
	.slider .pageType_af>div>a {margin:5px; width:10px; height:10px;}
	*/
	
	/* 버튼::어나더팩토리 - 메인::Notice */
	.slider .btnType3 {display:none !important;}
	
	
}