@charset "uff-8";

.main-gallery-box .img-ani{overflow:hidden;}
.main-gallery-box .img-ani.toright{margin:1rem 0 0;}
.main-gallery-box .img-ani ul{display:flex;gap:1rem;}
.main-gallery-box .img-ani li{flex-shrink:0;height:24rem;border-radius:2rem;overflow:hidden;position:relative;}
.main-gallery-box .img-ani li img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease;transform:scale(1);}
.main-gallery-box .img-ani li .txt-box{display:flex;align-items:center;justify-content:center;flex-direction:column;position:absolute;top:0;bottom:0;left:0;right:0;padding:0 2rem;background:var(--black50);gap:2rem;transition:all 0.3s ease;opacity:0;box-sizing:border-box;}
.main-gallery-box .img-ani li .txt-box .txt01{display:-webkit-box;position:relative;padding:0 2.4rem 0 0;font-size:1.6rem;line-height:2.2rem;font-weight:var(--font-weight-bold);color:var(--white100);text-align:center;text-decoration:underline;text-underline-offset:2px;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;text-overflow:ellipsis;overflow:hidden;word-break:break-all;}
.main-gallery-box .img-ani li .txt-box .txt01:after{content:'';display:block;position:absolute;top:50%;right:0;width:1.65rem;height:9px;background:url(/_res/sejong/sw/img/main/ico-arr-gallery@2x.png) no-repeat center center / 100%;transform:translateY(-50%);}

@media screen and (min-width:769px) {
	.main-gallery-box .img-ani li:hover .txt-box{opacity:1;}
	.main-gallery-box .img-ani li:hover img{transform:scale(1.05);}
}

@media screen and (max-width:768px) {
	.main-gallery-box .img-ani li{height:18.9rem;}
	.main-gallery-box .img-ani li .txt-box .txt01{padding:0 2rem 0 0;font-size:1.4rem;line-height:2rem;}
}