@charset "utf-8";

.main-news-swiper{height:44rem;}
.main-news-swiper .swiper-slide{display:flex;align-items:center;width:48rem;box-sizing:border-box;transform:translateX(-13.2rem);}
.main-news-swiper .swiper-slide .news-con{display:flex;gap:3.2rem;flex-shrink:0;position:relative;margin:5rem 0 0;padding:3.2rem 3.2rem 0;width:100%;box-sizing:border-box;transition:1s ease;}
.main-news-swiper .swiper-slide .news-con::before{content:'';position:absolute;top:0;left:0;z-index:-1;width:100%;height:24rem;background-color:var(--color13);}
.main-news-swiper .swiper-slide .news-con .txt-box{}
.main-news-swiper .swiper-slide .news-con .txt-box .cate{display:inline-block;margin:0 0 4.3rem;padding:6px 1.6rem;border-radius:5rem;background-color:var(--color14);font-size:1.4rem;font-weight:var(--font-weight-semibold);color:var(--white100);line-height:1.7rem;letter-spacing:-0.02em;}
.main-news-swiper .swiper-slide .news-con .txt-box .title{display:-webkit-box;margin:0 0 1.2rem;font-size:2rem;font-weight:var(--font-weight-semibold);color:var(--color15);line-height:2.8rem;letter-spacing:-0.02em;text-overflow:ellipsis;word-wrap:normal;overflow:hidden;box-sizing:border-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;transition:1s ease;}
.main-news-swiper .swiper-slide .news-con .txt-box .txt{display:-webkit-box;font-size:1.4rem;color:var(--color02);line-height:1.8rem;letter-spacing:-0.02em;text-overflow:ellipsis;word-wrap:normal;overflow:hidden;box-sizing:border-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;transition:1s ease;}
.main-news-swiper .swiper-slide .news-con .txt-box .more-btn{display:none;}
.main-news-swiper .swiper-slide .news-con .img-box{flex-shrink:0;max-width:19.4rem;width:100%;border:1px solid var(--color18);aspect-ratio:194/260;box-sizing:border-box;}
.main-news-swiper .control-wrap {position: absolute;top:50%;left:50%;max-width:83.6rem;width:100%;z-index:10;transform:translate(-50%, -50%);}
.main-news-swiper .control-wrap .swiper-news-navi{display:flex;}
.main-news-swiper .control-wrap .swiper-news-navi > button{position:absolute;top:50%;width:3rem;height:3rem;background-color:transparent;background-repeat:no-repeat;background-size:3rem 3rem;background-position:center;transform:translateY(-50%);}
.main-news-swiper .control-wrap .swiper-news-navi .swiper-news-prev{left:0;background-image:url(/_res/service/bcci/img/main/ico-news-swiper-prev-arrow@2x.png);}
.main-news-swiper .control-wrap .swiper-news-navi .swiper-news-next{right:0;background-image:url(/_res/service/bcci/img/main/ico-news-swiper-next-arrow@2x.png);}
.main-news-swiper .main-news-pagination{display:none;}

/* active */
.main-news-swiper .swiper-slide.swiper-slide-active{justify-content:center;transform: translateX(0);}
.main-news-swiper .swiper-slide.swiper-slide-active ~ .swiper-slide{transform:translateX(13.2rem);}
.main-news-swiper .swiper-slide.swiper-slide-active .news-con{gap:7.4rem;margin:0;padding:4rem 4rem 0;width:74.4rem;}
.main-news-swiper .swiper-slide.swiper-slide-active .news-con::before{height:36.4rem;background-color:var(--color04);}
.main-news-swiper .swiper-slide.swiper-slide-active .news-con .txt-box .cate{margin:0 0 3.9rem;background-color:var(--white100);color:var(--black100);}
.main-news-swiper .swiper-slide.swiper-slide-active .news-con .txt-box .title{font-size:3.2rem;color:var(--white100);line-height:3.8rem;-webkit-line-clamp:3;}
.main-news-swiper .swiper-slide.swiper-slide-active .news-con .txt-box .txt{font-size:1.6rem;line-height:2.2rem;color:var(--white100);}
.main-news-swiper .swiper-slide.swiper-slide-active .news-con .txt-box .more-btn{display:inline-flex;align-items:center;gap:4px;margin:3.2rem 0 0;padding:8px 1.5rem;border-radius:14.3rem;border:1px solid var(--color16);font-size:1.4rem;color:var(--color16);line-height:1.7rem;letter-spacing:-0.04em;transition:0.2s ease;}
.main-news-swiper .swiper-slide.swiper-slide-active .news-con .txt-box .more-btn:hover{transform:scale(1.1);}
.main-news-swiper .swiper-slide.swiper-slide-active .news-con .txt-box .more-btn::after{content:'';width:1.4rem;height:1.4rem;background:url(/_res/service/bcci/img/main/ico-news-more-arrow@2x.png) no-repeat 0 0/100%;}
.main-news-swiper .swiper-slide.swiper-slide-active .news-con .img-box{max-width:30rem;width:100%;border-color:var(--black20);aspect-ratio:300/400;}

@media screen and (max-width:1024.98px){
	.main-news-swiper{height:57.8rem;overflow:visible}
	.main-news-swiper .swiper-wrapper{align-items:center;}
	.main-news-swiper .swiper-slide{width:27.5rem;transform:translateX(0);}
	.main-news-swiper .swiper-slide .news-con{flex-direction:column-reverse;gap:0;margin:0;padding:0;background-color:var(--color13);}
	.main-news-swiper .swiper-slide .news-con::before{display:none;}
	.main-news-swiper .swiper-slide .news-con .txt-box{padding:2.4rem;min-height:20rem;box-sizing:border-box;}
	.main-news-swiper .swiper-slide .news-con .txt-box .cate{margin:0 0 2.4rem;padding:3.5px 1rem;font-size:1.2rem;line-height:1.7rem;}
	.main-news-swiper .swiper-slide .news-con .img-box{max-width:27.5rem;aspect-ratio:275/258;}
	.main-news-swiper .control-wrap {display:none;}
	.main-news-swiper .main-news-pagination{display:flex;justify-content:center;gap:6px;padding:2.4rem 0 0;}
	.main-news-swiper .main-news-pagination .swiper-pagination-bullet{margin:0;width:8px;height:8px;border-radius:50%;background-color:var(--color19);opacity:1;}
	.main-news-swiper .main-news-pagination .swiper-pagination-bullet-active{background-color:var(--color04);}

	/* active */
	.main-news-swiper .swiper-slide.swiper-slide-active ~ .swiper-slide{transform:translateX(0);}
	.main-news-swiper .swiper-slide.swiper-slide-active .news-con{gap:0;padding:0;width:27.5rem;background-color:var(--color04);}
	.main-news-swiper .swiper-slide.swiper-slide-active .news-con .txt-box .cate{margin:0 0 2.4rem;}
	.main-news-swiper .swiper-slide.swiper-slide-active .news-con .txt-box .title{font-size:2rem;line-height:2.8rem;}
	.main-news-swiper .swiper-slide.swiper-slide-active .news-con .img-box{max-width:27.5rem;aspect-ratio:275/275;}
}