@charset "utf-8";

/* 최근게시물 스킨 (latest) */
.slide{position:relative;overflow:hidden; margin-bottom:-50px; padding-top:50px}
.absAni{ position: absolute;
    left: 25px;
    top: 0;
    transform: translate(0, 0%);
    width: 40%; max-width:410px}
.absAni img{ max-width:360px;  width: 95%;position:relative; top:-10px; animation-name: aniTop; animation-duration:1s;animation-timing-function:ease-out;animation-fill-mode : forwards; opacity:0 }
.absAni img:nth-child(1){
	animation-delay:1.8s;
	}
.absAni img:nth-child(2){
	animation-delay:2.6s;
	}
.slide .lt_img{ text-align:right}
.slide .lt_img img{ max-width: 460px;
width: 55%; opacity:0; position:relative; left:20px; animation-name: aniLeft; animation-duration:2s; animation-timing-function:ease-out; animation-fill-mode : forwards; animation-delay:0.8s;
}
.slide .lt_img{ display:block; overflow:hidden; padding:0 25px}
.slide .bx-viewport {z-index:1}
.slide li{position:relative}
.lt_slide{ position:relative;max-width: 940px;margin: 0 auto;}
/*.slide .lt_txt {position:absolute;bottom:0;left:0;width:100%;padding:60px;background: rgba(255,255,255,0);color:#fff;
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0.5) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(100%, rgba(0,0,0,0.5)));
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0.5) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0.5) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0.5) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(0,0,0,0.5) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000', GradientType=0 );}*/
.slide .lt_txt .lt_tit{color:#fff;font-size:2.462em;display:block;font-weight:600}
.slide .lt_txt .lt_cate {color:#fff;background:#b388da;padding:0 10px;margin-bottom:15px;display:inline-block;line-height:23px}
.slide .lt_txt .lt_detail {font-size:1.25em;color:#eee;line-height:1.6em}

.slide .bx-pager{position:absolute;top:0;right:0;width:33.33333%;height:100%;border-left:1px solid #eee;z-index:10}
.slide .bx-pager li{height:16.66666%;border-bottom:1px solid #eee}
.slide .bx-pager li a{background:#fafafa;display:block;width:100%;height:100%;padding:0 30px;font-size:1.154em;color:#888;cursor:pointer}
.slide .bx-pager li .txt_wr{display:table;width:100%;height:100%}
.slide .bx-pager li .txt{display: table-cell; vertical-align: middle;height:100%;font-weight:400}
.slide .bx-pager li .active {background:#fff;position:relative;color:#a566fb;z-index:2;
-webkit-box-shadow: 0 3px 8px rgba(0,0,0,0.1);
-moz-box-shadow:  0  3px 8px rgba(0,0,0,0.1);
box-shadow: 0 3px 8px rgba(0,0,0,0.1);}
.slide .bx-pager li .active .txt{font-weight:600;}
.slide .bx-pager li .active:before{content:'';position:absolute;top:50%;left:-10px;width: 0;  height: 0;margin-top:-14px;  border-top: 14px solid transparent;  border-right: 14px solid #fff;   border-bottom: 14px solid transparent;}
.slide .bx-prev{position:absolute;top:50%;left:10px;background:url('./btn_prev.png')  no-repeat 50% 50% rgba(0,0,0.5);z-index:10;text-indent:-99px;overflow:hidden;width:40px;height:40px;border-radius:30px;margin-top:-20px;opacity:0.3}
.slide .bx-next{position:absolute;top:50%;right:10px;background:url('./btn_next.png')  no-repeat 50% 50% rgba(0,0,0.5);z-index:10;text-indent:-99px;overflow:hidden;width:40px;height:40px;border-radius:30px;margin-top:-20px;opacity:0.3}
.slide .bx-prev:hover,.slide .bx-next:hover{opacity:0.7}

@media (min-width: 970px){
    .slide .bx-controls  {display:none}

}
@media (max-width: 969px){
    .slide{padding-right:0}
    .slide .bx-pager{display:none;}
    .slide .lt_txt .lt_tit{font-size:2em}

}


@media (max-width: 639px){
   /*.absAni{ position:relative; top:0; left:0; right:0; text-align:center; transform:none; }
   .absAni img{ width:80%; }*/
   .slide{ overflow:visible}
}
@media (max-width: 540px){

.absAni{ width:80%; top:0; transform:translate(0, 0); left:0; position:relative; text-align:center; margin:0 auto; }
.absAni img{ width: 85%; display:inline-block}
.slide .lt_txt .lt_detail{ margin-top:10px; margin-bottom:45px}
.slide .lt_img{ margin:25px auto 0; overflow:visible }
.slide .lt_img img{ width:80%; display:block; margin:0 auto}
.slide{ padding-top:0 }
.slide .lt_img img{ animation-name:aniTop; animation-delay:1.9s; z-index:1000}
.absAni img:nth-child(1){
	animation-delay:0.3s;
	}
.absAni img:nth-child(2){
	animation-delay:1.1s;
	}


}

@keyframes aniLeft{
	0%{  opacity:0;left:20px; }
	60%{ left:0; }
	100%{  opacity:1; left:0; }
	}
@keyframes aniTop{
	0%{  opacity:0;top:-10px; }
	60%{ top:0; }
	100%{  opacity:1; top:0; }
	}