@charset "utf-8";
.lt_swiper {position:relative;}

.lt_swiper .lt_swiper_tit {border-bottom:2px solid #222; padding-bottom:10px;}
.lt_swiper .lt_swiper_tit { font-size:1em; line-height:1.2em; margin-bottom:4%; display:flex; justify-content:space-between; }
.lt_swiper .lt_swiper_tit .lt_title {font-size:1.2em;}
.lt_swiper .lt_swiper_tit .lt_title:hover {transform:translateX(10px);}

.lt_swiper .swiper-container {padding:0px; margin:0;}
.lt_swiper .swiper-container .swiper-slide {width:50%; padding:0;}
.lt_swiper .swiper-container .swiper-slide .img_txt_box {border:1px solid transparent; /*background:#fff;*/ }
.lt_swiper .swiper-container .swiper-slide .img_txt_box .img_area {overflow:hidden; }
.lt_swiper .swiper-container .swiper-slide .img_txt_box img {width:100%;opacity:1;
-webkit-transition:opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale(1);transform: scale(1);}
.lt_swiper .swiper-container .swiper-slide .img:hover img {opacity:0.9; -webkit-transform:scale(1.1); transform: scale(1.1);}

.lt_swiper .swiper-container .swiper-slide .img_area {display:flex; position:relative;}
.lt_swiper .swiper-container .swiper-slide .img { position:relative; overflow:hidden; width:100%;}
.lt_swiper .swiper-container .swiper-slide .img span {position:absolute; z-index:1; left:10px; bottom:10px; color:#fff; font-size:1.13em; background-color:#000; width:120px; height:40px; line-height:40px; text-align:center; border-radius:20px;}
.lt_swiper .swiper-container .swiper-slide .img .aspan {background-color:var(--main-color);}
.lt_swiper .swiper-container .swiper-slide .arrow { display:flex; justify-content:center; align-items:center; position:absolute; top:50%; left:50%; margin-top:-30px; margin-left:-30px; width:60px; height:60px; background-color:rgba(0,0,0,0.8); border-radius:50%;  z-index:2; color:#fff;}

.lt_swiper .swiper-container .swiper-slide {position:relative;}
.lt_swiper .swiper-container .swiper-slide .txt_area {width:100%; padding:20px 0;}
.lt_swiper .swiper-container .swiper-slide .txt_area .subject {font-size:1.71em; color:#fff; font-weight:500;}
.lt_swiper .swiper-container .swiper-slide .txt_area .lt_date {font-size:1.13em; color:#888;}
.lt_swiper .swiper-container .swiper-slide.swiper-slide-active .over{opacity:1;}

.lt_swiper .swiper-button-next,
.lt_swiper .swiper-button-prev {position:absolute;top:50%;left:50%;margin-top:-130px;z-index:2; cursor:pointer; width:37px !important; height:60px !important; background-size:37px 60px !important;}
.lt_swiper .swiper-button-prev {margin-left:calc(-50% - 80px);}
.lt_swiper .swiper-button-next {margin-left:calc(50% + 43px);}
.lt_swiper .swiper-button-prev, 
.lt_swiper .swiper-container-rtl .swiper-button-next {background-image:url('./img/arrow_left.png') !important;}
.lt_swiper .swiper-button-next, 
.lt_swiper .swiper-container-rtl .swiper-button-prev {background-image:url('./img/arrow_right.png') !important;}
.lt_swiper .swiper-pagination {margin-top:-20px;}
.lt_swiper .swiper-pagination-clickable .swiper-pagination-bullet {margin:0 2px;background-color:#ddd !important;}
.lt_swiper .swiper-pagination-bullet-active {background-color:#fff !important;}

.lt_swiper .more_view { display:flex; justify-content:center; align-items:center; width:280px; height:60px; background-color:#000; color:#fff; margin:40px auto 0; font-size:1.14em;}
/* 화살표 */
@media (max-width: 1409px) {
	.lt_swiper .swiper-button-next,
	.lt_swiper .swiper-button-prev {display:none;}
}

/* 태블릿 */
@media (max-width:1023px) {
	.lt_swiper .swiper-container .swiper-slide .txt_area {}
	.lt_swiper .swiper-container .swiper-slide .img_txt_box:hover {border-color:transparent;}
	.lt_swiper .swiper-container .swiper-slide .img_txt_box:hover img {opacity:1;  -webkit-transform:scale(1); transform: scale(1);}
}

/* 모바일 */
@media (max-width: 767px){
	.lt_swiper .swiper-container .swiper-slide .txt_area .subject {font-size:1.23em;}
	.lt_swiper .swiper-container .swiper-slide .txt_area .lt_date {font-size:1em;}
	.lt_swiper .more_view { width:200px; margin-top:20px; height:52px; font-size:1em;}
}