@charset "utf-8";
/* 새글 스킨 (latest) */
.main-visual{position: relative;}
.main_latest_swiper{position:relative;}
.main_latest_swiper .lat_title {display:block;background:#fcfcfc;padding:0 20px;line-height:45px;font-size:1.083em;border-bottom:1px solid #e2e2e2;color:#253dbe;}
.main_latest_swiper .lat_title a{color:#253dbe;display:inline-block;position:relative}
.main_latest_swiper .lat_title a:after{position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:#253dbe;content:''}
.main_latest_swiper .lt_more {position:absolute;top:11px;right:10px;display:block;width:25px;line-height:25px;color:#aaa;border-radius:3px;text-align:center;}
.main_latest_swiper .lt_more:hover{color:#777}
.main_latest_swiper ul:after {display:block;visibility:hidden;clear:both;content:""}

.main_latest_swiper li{}

.main_latest_swiper li .lt_img img{width:100%;height:100vh;height:100svh;min-height:100vh;min-height:100svh;margin:0;opacity:0.4;object-fit: cover;}
.main_latest_swiper li a:hover{color:#a22121}
.main_latest_swiper li .fa-heart{color:#ff0000;}
.main_latest_swiper li .fa-lock{display: inline-block;line-height: 14px;width: 16px;font-size: 0.833em;color: #4f818c;background: #cbe3e8;text-align: center;border-radius: 2px;font-size: 12px;border:1px solid #a2c6ce}
.main_latest_swiper li .new_icon{display:inline-block;width: 16px;line-height:16px ;font-size:0.833em;color:#ffff00;background:#6db142;text-align:center;border-radius: 2px;}
.main_latest_swiper li .hot_icon{display:inline-block;width: 16px;line-height:16px ;font-size:0.833em;color:#fff;background:#e52955;text-align:center;border-radius: 2px;}
.main_latest_swiper li .fa-caret-right{color:#bbb}
.main_latest_swiper .lt_cmt{background:#5c85c1;color:#fff; font-size:11px;height:16px;line-height:16px;padding:0 5px;border-radius:3px;white-space: nowrap;
-webkit-box-shadow: inset 0 2px 5px  rgba(255,255,255,0.4);
-moz-box-shadow: inset 0 2px 5px  rgba(255,255,255,0.4);
box-shadow: inset 0 2px 5px  rgba(255,255,255,0.4);}
.main_latest_swiper .lt_date{display:block;margin-top:5px;color: #888;}

.main_latest_swiper .text_area{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% - 32px);display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;gap:8px;color:#fff;text-align:center;}
.main_latest_swiper .main_latest_tit{font-size:clamp(26px,2rem,36px);font-weight:600;word-break: keep-all;}
.main_latest_swiper .main_latest_con{font-size:16px;line-height: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: box;
  max-height: 50px;
  overflow: hidden;
  vertical-align: top;
  text-overflow: ellipsis;
  word-break: keep-all;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;}

/* 패러랙스 */
.main_latest_tit,
.main_latest_con{
    opacity:0;
    transform:translateX(120px);
    transition:all 1s ease;
}

.swiper-slide-active .main_latest_tit,
.swiper-slide-duplicate-active .main_latest_tit{
    opacity:1;
    transform:translateX(0);
}

.swiper-slide-active .main_latest_con,
.swiper-slide-duplicate-active .main_latest_con{
    opacity:1;
    transform:translateX(0);
    transition-delay:.3s;
}






.main_latest_swiper ul{padding-bottom:0px;}
.main_latest_swiper .swiper-horizontal>.swiper-pagination-bullets, 
.main_latest_swiper .swiper-pagination-bullets.swiper-pagination-horizontal{
  bottom:22px;
}

.main_latest_swiper .swiper-pagination-bullet{
  height:2px;
  background:#fff;
  transition:0.3s;
}

.main_latest_swiper .swiper-pagination-bullet-active{
  width:40px;
  border-radius:3px;
}

.main_latest_swiper li .lt_img{display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;background:#000;}
.main_latest_swiper li .lt_img .no_img{max-width:60%;}
.main_latest_swiper .text_area{font-size:16px;}

.main_latest_swiper_mod{position: absolute;bottom: 20px;right: 20px;z-index:2;}
.main_latest_swiper_mod a{display: inline-block;padding: 8px 16px;background: #e8e8e8;}




@media all and (max-width: 969px){
  .main_latest_swiper .text_area{align-items:flex-start;text-align:left;}
  .main_latest_swiper .swiper-button-next, 
  .main_latest_swiper .swiper-button-prev{display:none;}
}