@charset "utf-8";
/* 새글 스킨 (latest) */
#lt02 {position: relative;}
#lt02 .lt_title {display: none;}
#lt02 .lt_more {display: none;}
#lt02 .a-item {padding: 0; border:0; background-color:#fff;word-break: keep-all;position: relative;}
#lt02 .a-item .img-box { position:relative; overflow:hidden;}
#lt02 .a-item .img-box img { -webkit-transform: scale(1); transform: scale(1);transition: all 0.4s ease;-webkit-transition: all 1s ease;width: 100%;display: block;filter:brightness(0.7);}
#lt02 .a-item .img-box img:hover { -webkit-transform: scale(1.1); transform: scale(1.1);}
#lt02 .a-item .info {display: block;text-decoration: none;margin:30px;padding-left:20px;position: absolute;bottom: 50px;left: 0;}
#lt02 .a-item .info::before{content:'';display: block;height: 100%;width: 5px;background: var(--color-red);position: absolute;left: 0;}
#lt02 .a-item .info .subject { font-weight:700; font-size:22px;color:#fff;}
#lt02 .a-item .info .substance {margin-top:10px; font-size:var(--small-txt); line-height:1.6;color:#fff;}
#lt02 .a-item .info .time {color:tomato; font-size:0.9em;text-align:right;}


#lt02 .a-item .img-box .more-hex {
  position: absolute;
  right: 20px;
  bottom: 20px;
  padding: 10px 20px;
  color:#fff;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-red);
  text-decoration: none;
  overflow: hidden;
  z-index: 3;
  transition: transform 0.45s ease, background 0.3s ease, opacity 0.3s ease;
  backdrop-filter: blur(2px);
  opacity: 0.8;
  font-weight:var(--normal-weight);
  font-size: var(--normal-txt);
}

#lt02 .a-item .img-box .more-hex:hover {
  opacity: 1;
}

/* 화살표 기본 영역 */
#lt02 .a-item .img-box .more-hex .arrow {
  position: relative;
  width: 18px;
  height: 14px;
  display: block;
  overflow: hidden;
}

/* 화살표 2개를 겹쳐서 교체 애니메이션 */
#lt02 .a-item .img-box .more-hex .arrow::before,
#lt02 .a-item .img-box .more-hex .arrow::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 18px;
  height: 14px;
  transform: translateY(-50%);
  transition: transform 0.45s ease, opacity 0.45s ease;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

/* 현재 화살표 */
#lt02 .a-item .img-box .more-hex .arrow::before {
  left: 0;
  opacity: 1;
  transform: translate(0, -50%);
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='14' viewBox='0 0 18 14'><path d='M1 7H15' stroke='white' stroke-width='1.8' stroke-linecap='round'/><path d='M10.5 1.5L16 7L10.5 12.5' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' fill='none'/></svg>");
}

/* 다음 화살표: 왼쪽 바깥 대기 */
#lt02 .a-item .img-box .more-hex .arrow::after {
  left: 0;
  opacity: 0;
  transform: translate(-24px, -50%);
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='14' viewBox='0 0 18 14'><path d='M1 7H15' stroke='white' stroke-width='1.8' stroke-linecap='round'/><path d='M10.5 1.5L16 7L10.5 12.5' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' fill='none'/></svg>");
}

/* hover 시:
   기존 화살표는 오른쪽으로 빠져나감
   새 화살표는 왼쪽에서 들어옴 */
#lt02 .a-item .img-box .more-hex:hover .arrow::before {
  opacity: 0;
  transform: translate(24px, -50%);
}

#lt02 .a-item .img-box .more-hex:hover .arrow::after {
  opacity: 1;
  transform: translate(0, -50%);
}

#lt02 .latest-carousel .owl-nav {position: absolute;top: -50px;margin-top: -25px; width:100%; display:block}
#lt02 .latest-carousel .owl-nav .owl-prev,
#lt02 .latest-carousel .owl-nav .owl-next{width:40px;height:40px;display: flex;
    justify-content: center;
    align-items: center;}
#lt02 .latest-carousel .owl-nav .owl-prev {line-height:40px; position:absolute;right:50px;color:#fff; border:0; text-align:center; background-color:rgb(39 39 42); opacity: 0.3; cursor:pointer; transition: all .4s;}
#lt02 .latest-carousel .owl-nav .owl-next {line-height:40px; position:absolute;right:0%;color:#fff; border:0; text-align:center; background-color:rgb(39 39 42); opacity: 0.3;  cursor:pointer; transition: all .4s;}
#lt02 .latest-carousel .owl-nav .owl-prev:hover { opacity: 1;}
#lt02 .latest-carousel .owl-nav .owl-next:hover { opacity: 1;}
#lt02 .latest-carousel .owl-nav i { font-size:18px;}
#lt02 .owl-carousel .owl-stage-outer{overflow: visible;}
#lt02 .owl-carousel .owl-stage-outer:after{content:'';display: block;background: #fff;height: 100%;width: 52%;position: absolute;left: -52%;top: 0;}

.latest-carousel.owl-theme .owl-dots{display: flex;align-items: center;justify-content: center;margin-top: 20px;}
.latest-carousel.owl-theme .owl-dots > .owl-dot{margin: 0 4px;cursor: pointer;border-radius:9999px;
  width: 10px;height: 10px;background: rgb(82 82 91);opacity: 0.3;display: block;transition:all .4s;}
.latest-carousel.owl-theme .owl-dots > .owl-dot.active{width: 50px;opacity: 1;}