@charset "utf-8";


.lt_promotion {position: relative; }
.lt_promotion ul{}
.lt_promotion ul li{}
.lt_promotion ul li a {}

.lt_promotion .image_box {position: relative; border-radius:1rem; overflow:hidden;}
.lt_promotion .image_box span{position: absolute; left:0; top:0; width: 7.5rem;  height: 7.5rem; display: flex; justify-content: center; align-items: center;  color: #fff;}
.lt_promotion .image_box.on span {background: var(--main-color1);}
.lt_promotion .image_box.on span:before {content:'진행중'; }
.lt_promotion .image_box.off span { width: auto; height: auto; left: 50%; top: 50%; transform: translate(-50%, -50%); font-size: 1.25em; font-weight: bold;}
.lt_promotion .image_box.off::before {content:''; width: 100%; height: 100%; background: rgb(0 0 0 / 70%); position: absolute; left:0; top:0;}
.lt_promotion .image_box.off span:before {content:'종료된 이벤트 입니다.'; }
.lt_promotion .image_box img{width: 100%;}
.lt_promotion .txt_box {margin-top: 1rem;}
.lt_promotion .txt_box p.subject {font-weight: bold;margin-bottom:.5rem;}
.lt_promotion .txt_box span.content {font-weight: 300; font-size: .9em; line-height: 130%;}
.lt_promotion .txt_box .date {margin-top: 2rem;font-weight: 300; font-size: .9em; }

.swiper-scrollbar {position: relative; background: rgba(0, 0, 0, .1); height: 5px; margin-top: 3rem; }
.swiper-scrollbar .swiper-scrollbar-drag {background: var(--main-color1); height: 5px; display: block;}



@media screen and (max-width: 768px) { 
	.lt_promotion .image_box span {width: 5.5rem; height: 5.5rem; }
}