@charset "utf-8";

.top-banner-box{position:relative;margin:0 auto;padding:0 7rem;box-sizing:border-box;}
.top-banner-box:empty{display:none;}
.top-banner-box .banner-con-box{position:relative;}
.top-banner-swiper .swiper-slide div{margin:0 auto;padding:1.3rem 0 1.4rem;max-width:68.5rem;width:100%;box-sizing:border-box;}
.top-banner-swiper .swiper-slide a{display:block;}
.top-banner-swiper .swiper-slide p{display:flex;align-items:center;justify-content:center;overflow:hidden;}
.top-banner-swiper .swiper-slide p .banner-img{margin:0 1.4rem 0 0;max-width:3.4rem;}
.top-banner-swiper .swiper-slide p .banner-txt{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;position:relative;max-width:100%;font-size:1.6rem;line-height:2.2rem;color:var(--white100);font-weight:var(--font-weight-semibold);text-align:center;text-overflow:ellipsis;white-space:normal;word-wrap:break-word;text-decoration:underline;text-underline-offset: 3px;}
.top-banner-swiper + .control-wrap{position:absolute;top:50%;left:50%;z-index:10;max-width:70.5rem;width:100%;transform:translateX(-50%)}
.top-banner-swiper + .control-wrap button{position:absolute;top:50%;width:1.1rem;height:1.8rem;font-size:0;text-indent:-9999px;transform:translateY(-50%);}
.top-banner-swiper + .control-wrap button.top-banner-prev{left;background:url(../img/sj-common/btn-banner-prev%402x.png) no-repeat center center/100%;}
.top-banner-swiper + .control-wrap button.top-banner-next{right:0;background:url(../img/sj-common/btn-banner-next%402x.png) no-repeat center center/100%;}
.top-banner-box .banner-chk-box{position:absolute;top:50%;right:7rem;z-index:10;transform:translateY(-50%);}
.top-banner-box .banner-chk-box ul{display:flex;align-items:center;}
.top-banner-box .banner-chk-box ul li{display:flex;align-items:center;}
.top-banner-box .banner-chk-box input[type=checkbox]{position:relative;margin:0;border:1px solid var(--color38);border-radius:2px;width:2rem;height:2rem;box-sizing:border-box;appearance:none;}
.top-banner-box .banner-chk-box input[type=checkbox]:checked:after{content:'';position:absolute;top:50%;left:50%;border-radius:2px;width:1rem;height:1rem;background:var(--white100);transform:translate(-50%, -50%);}
.top-banner-box .banner-chk-box input[type=checkbox] + label{padding:0 2.8rem 0 1rem;font-size:1.4rem;line-height:2rem;color:var(--white100);letter-spacing:-0.05em;}
.top-banner-box .banner-chk-box .btn-banner-close{display:inline-flex;width:1.6rem;height:1.6rem;background:url(../img/sj-common/btn-banner-close%402x.png) no-repeat center center/100%;}
@media screen and (max-width:1400px) {
	/* 탑배너 */
	.top-banner-box{padding:0 4rem;}
	.top-banner-box .banner-chk-box{right:4rem;}
}
@media screen and (max-width:1200px) {
	.top-banner-box{display:flex;flex-direction:column;}
	.top-banner-swiper .swiper-slide div{max-width:50rem;}
	.top-banner-swiper + .control-wrap{max-width:52.4rem;}
	.top-banner-box .banner-chk-box ul{justify-content:flex-end;}
}
@media screen and (max-width:1024.98px) {
	.top-banner-box{padding:0 2rem;}
	.top-banner-box .banner-con-box{padding:0 4rem;}
	.top-banner-swiper .swiper-slide div{padding:1.3rem 0;}
	.top-banner-swiper .swiper-slide p .banner-img{margin:0 1rem 0 0;max-width:2rem;}
	.top-banner-swiper .swiper-slide p .banner-txt{font-size:1.2rem;line-height:1.8rem;}
	.top-banner-swiper + .control-wrap{max-width:calc(100% - 5rem);}
	.top-banner-swiper + .control-wrap button{width:8px;height:1.3rem;}
	.top-banner-box .banner-chk-box{right:2rem;}
	.top-banner-box .banner-chk-box ul li:nth-of-type(1){display:none;}
	.top-banner-box .banner-chk-box input[type=checkbox]{width:1.6rem;height:1.6rem;}
	.top-banner-box .banner-chk-box input[type=checkbox] + label{padding:0 1rem;font-size:1.2rem;line-height:1.8rem;}
	.top-banner-box .banner-chk-box .btn-banner-close{width:1.4rem;height:1.4rem;}
}