@charset "utf-8";

.main-visual-box{position:relative;}
.main-visual-box .vi-img-box{position:relative;height:100vh;}
.main-visual-box .vi-img-box:before{content:'';display:block;position:absolute;top:0;left:0;z-index:10;width:100%;height:100%;background:var(--color07);opacity:0.2;}
.main-visual-box .vi-txt-box{position:absolute;top:37%;left:50%;z-index:10;width:100%;text-align:center;transform:translateX(-50%);pointer-events:none;}
.main-visual-box .vi-txt-box .vi-txt-inner{padding:0 0 11rem;}
.main-visual-box .vi-txt-box p{color:#fff;opacity:0;word-break:keep-all;}
.main-visual-box .vi-txt-box .txt01{margin:0 0 1rem;font-size:2.8rem;line-height:3.8rem;}
.main-visual-box .vi-txt-box .txt02{margin:0 0 1.5rem;font-size:6rem;line-height:7rem;}
.main-visual-box .vi-txt-box .txt03{font-size:3.6rem;line-height:4.6rem;}
.main-visual-box .vi-txt-bottom-box{display:flex;justify-content:space-between;align-items:end;position:absolute;bottom:8rem;left:50%;z-index:10;padding:0 2rem;width:100%;max-width:144rem;box-sizing:border-box;transform:translateX(-50%);pointer-events:none;}
.main-visual-box .vi-txt-bottom-box .txt04{max-width:40%;font-size:1.6rem;line-height:2.6rem;font-weight:var(--font-weight-bold);color:#fff;opacity:0;word-break:keep-all;}
.main-visual-box .vi-txt-bottom-box .ico-scroll-box{display:flex;flex-direction:column;align-items:center;position:absolute;bottom:0;left:50%;transform:translateX(-50%);opacity:0;}
.main-visual-box .vi-txt-bottom-box .ico-scroll-box .ico-scroll{content:'';display:block;margin:0 0 4px;width:1.5rem;height:2.2rem;background:url(/_res/sejong/convention/img/main/ico-scroll@2x.png) no-repeat center center / 100%;}
.main-visual-box .vi-txt-bottom-box .ico-scroll-box .ico-scroll-txt{font-size:1.3rem;line-height:1.9rem;font-weight:var(--font-weight-semibold);color:#fff;}
.main-visual-box .vi-txt-bottom-box .vi-thumb-box{opacity:0;}
.main-visual-box .vi-txt-bottom-box .vi-thumb-box ul{display:flex;gap:2rem;}
.main-visual-box .vi-txt-bottom-box .vi-thumb-box ul li{position:relative;width:180px;}
.main-visual-box .vi-txt-bottom-box .vi-thumb-box ul li:after{content:'';display:block;position:absolute;top:0;left:0;z-index:10;width:100%;height:100%;background:var(--color07);opacity:0.2;}
.main-visual-box .vi-txt-bottom-box .vi-thumb-box ul li .vi-thumb-img-box{display:block;padding-bottom:66.67%;}

.main-vi-pagination{gap:2rem;text-align:center;pointer-events:visible;}
.main-vi-pagination .swiper-pagination-bullet{position:relative;margin:0;width:2.4rem;height:2.4rem;border:1px solid transparent;border-radius:50%;background:transparent;opacity:1;}
.main-vi-pagination .swiper-pagination-bullet:after{content:'';display:block;position:absolute;top:50%;left:50%;width:8px;height:8px;border-radius:50%;background:#fff;transform:translate(-50%,-50%);}
.main-vi-pagination .swiper-pagination-bullet-active{border-color:#fff;}

@media screen and (max-width: 1024.98px) {
	.main-visual-box .vi-img-box{height:46.8rem;}
	.main-visual-box .vi-txt-box .vi-txt-inner{padding:0 0 2rem;}
	.main-visual-box .vi-txt-box .txt01{margin:0 0 5px;font-size:1.4rem;line-height:2.4rem;}
	.main-visual-box .vi-txt-box .txt02{margin:0 0 5px;font-size:3rem;line-height:4rem;}
	.main-visual-box .vi-txt-box .txt03{font-size:1.8rem;line-height:2.8rem;}
	.main-visual-box .vi-txt-bottom-box{display:none;}

	.main-vi-pagination .swiper-pagination-bullet{width:1.6rem;height:1.6rem;}
	.main-vi-pagination .swiper-pagination-bullet:after{width:6px;height:6px;}
}