@charset "utf-8";

.main-visual-box {position:relative;}
.main-visual-box .vi-img-box{display:block;position:relative;aspect-ratio:1920/744;overflow:hidden;}
.main-visual-box .vi-img-box.dimmed:after{content:'';display:block;position:absolute;top:0;left:0;z-index:10;width:100%;height:100%;background:var(--black30);}
.main-visual-box .vi-video-box{position:relative;height:100%;}
/*.main-visual-box .yt-player{max-width:unset;aspect-ratio:1920/744;object-fit:cover;}*/
.main-visual-box .vi-img-box .vi-thumb-box{position:absolute;top:0;left:0;width:100%;height:100%;}
.main-visual-box iframe{position:absolute;top:50%;left:50%;width:100vw;height:100vw;min-height: 100%;background-color:#000;transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);pointer-events:none;visibility:hidden;}
.main-visual-box .swiper-slide-active iframe{visibility:visible;}
.main-visual-box .vi-txt-box {position:absolute;top:50%;left:50%;z-index:20;padding:0 2rem 5.6rem;width:100%;text-align:center;transform:translate(-50%, -50%);box-sizing:border-box;}
.main-visual-box .vi-txt-box p {color:var(--white100);word-break:keep-all;opacity:0;transition:opacity 0.5s;}
.main-visual-box .vi-txt-box .txt01 {display:-webkit-box;margin:0 0 min(5.8rem, 3.021vw);font-size:min(3.2rem, 1.667vw);line-height:min(4.4rem, 2.292vw);font-weight:var(--font-weight-medium);-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;white-space:normal;overflow:hidden;word-wrap:break-word;}
.main-visual-box .vi-txt-box .txt02 {display:-webkit-box;font-size:min(4.8rem, 2.5vw);line-height:min(6.3rem, 3.281vw);font-weight:var(--font-weight-bold);-webkit-line-clamp:3;-webkit-box-orient:vertical;text-overflow:ellipsis;white-space:normal;overflow:hidden;word-wrap:break-word;}
.main-visual-box .vi-txt-box .main-vi-btn{display:inline-block;position:relative;margin:min(6rem, 3.125vw) 0 0;padding:1.4rem 5.5rem 1.4rem 3rem;border-radius:5rem;background:var(--black01);font-size:clamp(1.4rem, 0.938vw, 1.8rem);line-height:clamp(2.2rem, 1.354vw, 2.6rem);color:var(--white100);font-weight:var(--font-weight-bold);opacity:0;transition:opacity 0.5s;}
.main-visual-box .vi-txt-box .main-vi-btn:after{content:'';display:inline-block;position:absolute;top:50%;right:3rem;width:2.1rem;height:1.75rem;background:url(/_res/sejong/recruit/img/main/img-main-arr01@2x.png) no-repeat center center/100%;transform:translateY(-50%);}
.main-visual-box .swiper-slide-active .vi-txt-box p{opacity:1;}
.main-visual-box .swiper-slide-active .vi-txt-box .main-vi-btn{opacity:1;}
/* 컨트롤 */
.main-visual-box .control-wrap{display:flex;align-items:center;justify-content:flex-end;position:absolute;left:50%;bottom:4.7rem;z-index:10;box-sizing:border-box;transform:translateX(-50%);}
.main-visual-box .control-wrap .main-vi-num{display:flex;align-items:center;gap:2rem;padding:0 1.95rem 0 0;font-size:1.5rem;line-height:1;font-weight:var(--font-weight-semibold);}
.main-visual-box .control-wrap .main-vi-num .active{color:var(--white100);}
.main-visual-box .control-wrap .main-vi-num .total{color:var(--white100);}
.main-visual-box .control-wrap .main-vi-num .swiper-pagination{display:inline-block;position:relative;width:9.2rem;height:2px;background-color:var(--color89);}
.main-visual-box .control-wrap .main-vi-num .swiper-pagination-progressbar-fill{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color01);-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top;}
.main-visual-box .control-button-wrap{display:flex;align-items:center;gap:1.95rem;}
.main-visual-box .control-button-wrap div{border-radius:50%;width:3.5rem;height:3.5rem;background-color:var(--color90);background-repeat:no-repeat;background-size:6px;background-position:center center;cursor:pointer;}
.main-visual-box .control-button-wrap .main-vi-prev{background-image:url(/_res/sejong/recruit/img/main/ico-main-vi-prev@2x.png);}
.main-visual-box .control-button-wrap .main-vi-next{background-image:url(/_res/sejong/recruit/img/main/ico-main-vi-next@2x.png);}
@media (min-aspect-ratio: 16/9) {
	.main-visual-box iframe{height:65.25vw;}
}
@media (max-aspect-ratio: 16 / 9) {
	.main-visual-box iframe{width:177.78vh;}
}
@media screen and (max-width:768px) {
	.main-visual-box .vi-img-box {aspect-ratio:375/558;}
	/*.main-visual-box .yt-player{position:absolute;top:50%;left:50%;aspect-ratio:377/558;transform:translate(-50%,-50%);}*/
	.main-visual-box .vi-txt-box{padding:0 2rem 8.7rem;}
	.main-visual-box .vi-txt-box .vi-txt-inner {padding:0 0 2rem;}
	.main-visual-box .vi-txt-box .txt01 {margin:0 0 3rem;font-size:2rem;line-height:2.6rem;}
	.main-visual-box .vi-txt-box .txt02 {font-size:3rem;line-height:3.9rem;}
	.main-visual-box .vi-txt-box .main-vi-btn{margin:3rem 0 0;padding:1.3rem 5.5rem 1.3rem 3.3rem;font-size:1.5rem;line-height:2.2rem;}
	.main-visual-box .vi-txt-box .main-vi-btn:after{width:1.4rem;height:1.2rem;}
	/* 컨트롤 */
	.main-visual-box .control-wrap{bottom:1.9rem;}
	.main-visual-box .control-wrap .main-vi-num{padding:0 1.7rem 0 0;font-size:1.2rem;}
	.main-visual-box .control-button-wrap{gap:1.7rem;}
	.main-visual-box .control-button-wrap div{width:3.5rem;height:3.5rem;}
}