@charset "utf-8";
/* 텍스트 */
.ani_text {
	display:none;
	opacity:1;
	-webkit-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:none;
	-webkit-animation: ani_slideUp 1s 0s ease; 
	-moz-animation: ani_slideUp 1s 0s ease; 
	-o-animation: ani_slideUp 1s 0s ease; 
	animation: ani_slideUp 1s 0s ease; 
	
} 
/* slide - 아래 > 위 */
@-webkit-keyframes ani_slideUp {
    from { -webkit-transform: translateY(20px); opacity:0;}
    to {-webkit-transform: translateY(0px); opacity:1;}
}
@-moz-keyframes ani_slideUp {
    from {-moz-transform: translateY(20px)); }
    to {-moz-transform: translateY(0px); }
}
@-o-keyframes ani_slideUp {
    from {-o-transform: translateY(20px); }
    to {-o-transform: translateY(0px); }
}
@keyframes ani_slideUp {
    from {transform: translateY(20px); opacity:0;}
    to {transform: translateY(0px); opacity:1;}
}

/* 텍스트 */
.ani_text2 {
	display:none;
	opacity:1;
	-webkit-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:none;
	-webkit-animation: ani_slideUp 1s 0s ease; 
	-moz-animation: ani_slideUp 1s 0s ease; 
	-o-animation: ani_slideUp 1s 0s ease; 
	animation: ani_slideUp 1s 0s ease; 
	
} 
/* slide - 아래 > 위 */
@-webkit-keyframes ani_slideUp {
    from { -webkit-transform: translateY(20px); opacity:0;}
    to {-webkit-transform: translateY(0px); opacity:1;}
}
@-moz-keyframes ani_slideUp {
    from {-moz-transform: translateY(20px)); }
    to {-moz-transform: translateY(0px); }
}
@-o-keyframes ani_slideUp {
    from {-o-transform: translateY(20px); }
    to {-o-transform: translateY(0px); }
}
@keyframes ani_slideUp {
    from {transform: translateY(20px); opacity:0;}
    to {transform: translateY(0px); opacity:1;}
}
/* ******************** 공용 - 수정금지 ******************** */
.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;
}
@keyframes loading {
	0% { transform:scale(1, 1) }
	100% { transform:scale(1.1, 1.1) }
}
@-webkit-keyframes loading {
	0% { -webkit-transform:scale(1, 1) }
	100% { -webkit-transform:scale(1.1, 1.1) }
}
@-moz-keyframes loading {
    0% { -moz-transform:scale(1, 1) }
	100% { -moz-transform:scale(1.1, 1.1) }
}
@-o-keyframes loading {
   0% { -o-transform:scale(1, 1) }
	100% { -o-transform:scale(1.1, 1.1) }
}  

.slider .sliderObj li.active {transform:scale(1, 1) ; animation:loading 6000ms infinite linear;}
.slider .sliderText {display:none; width:100%; position:absolute; vertical-align:middle; top:45%; text-align:center;}

.slider .sliderText h2 {font-family:"tium"; font-size:50px; color:#0f426d; text-transform:uppercase; overflow:hidden;}
.slider .sliderText p {color:#000; font-size:20px; padding-top:10px;}

/* ******************** 슬라이드 타입 ******************** */
/* 좌우 */
.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;}

/* ******************** 버튼 타입 ******************** */
/* 버튼1 */
.slider .btnType1 {position:absolute; width:100%; top:50%;}
.slider .btnType1 a {
	position:absolute; display:block; width:60px; height:60px; margin-top:-30px; top:50%;
	cursor:pointer;	opacity:.5;
	background-repeat:no-repeat; background-position:50%; background-size:70%;
}
.slider .btnType1 a:hover {opacity:1}
.slider .btnType1 a.bPrev {left:20px; background-image:url(../images/slider/prev.png); background-color:rgba(0,0,0,.1)}
.slider .btnType1 a.bNext {right:20px; background-image:url(../images/slider/next.png); background-color:rgba(0,0,0,.1)}

/* 버튼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);}



/* ******************** 페이지 타입 ******************** */
/* 페이지1 */
.slider .pageType1 {position:absolute; width:100%; bottom:80px; 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:10px; width:15px; height:15px;
	border-radius:50%; background:#0f426d; border:1px solid #fff; border-radius:50%;
}
.slider .pageType1>div>a.on {background:#01adeb !important;}
.slider .pageType1>div>a:hover {background:#01adeb;}
.slider .pageType1 .bState {	
	width:25px; height:25px; border-radius:50%;
	background-image:url(../images/slider/slider_stop.png);
	background-repeat:no-repeat; background-position:50%;
	background-size:50%;
}
.slider .pageType1 .bState.play {	
	background-image:url(../images/slider/slider_play.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/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);
}