.main-visual{}
.main-visual .swiper-slide{display: flex;background: #f5f5f5;}
.main-visual .swiper-slide > div{flex: 1;}
.main-visual .swiper-slide .vi-img-box{height: 900px;}
.main-visual .swiper-slide .vi-img-box {overflow: hidden;backface-visibility: hidden;}
.main-visual .swiper-slide .vi-img-box img{width: 100%;height: 100%;object-fit: cover;object-position: center;}

.main-visual .swiper-slide .vi-txt-wrap{display: flex;flex-direction: column;justify-content: space-between;}
.main-visual .swiper-slide .vi-txt-box{max-width: 750px;margin: auto;text-align: center;padding: 30px 10px;}
.main-visual .swiper-slide .vi-txt-wrap .txt01{font-weight: 400;font-size: 16px;color: #0e1c1f;position: relative;}
.main-visual .swiper-slide .vi-txt-wrap .txt01:after{content:'';position: absolute;width: 1px;height: 40px;background: #cecece;bottom: -60px;transform: translateX(-50%);left: 50%;}
.main-visual .swiper-slide .vi-txt-wrap .txt02{font-family: 'Pretendard', sans-serif;font-weight: 600;font-size: 16px;color: #0e1c1f;}
.main-visual .swiper-slide .vi-txt-wrap .txt03{font-weight: 700;font-size: 60px;line-height: 63px;color: #0e1c1f;margin-top: 80px;margin-bottom: 40px;}
.main-visual .swiper-slide .vi-txt-wrap .txt04{font-weight: 600;font-size: 18px;color: #004071;display: inline-block;position: relative;}
.main-visual .swiper-slide .vi-txt-wrap .vi-day-box{position: relative;display: inline-block;}
/*.main-visual .swiper-slide .vi-txt-wrap .vi-day-box:after {content: '';position: absolute;width: 100%;height: 2px;background: #004071;bottom: -2px;left: 0;}*/
.main-visual .swiper-slide .vi-txt-wrap .vi-day-box .txt04 span{font-size: 14px;}
.main-visual .swiper-slide .vi-txt-wrap .txt05{font-weight: 700;font-size: 30px;color: #222;margin-top: 40px;position: relative;}
.main-visual .swiper-slide .vi-txt-wrap .txt05:after{content:'';position: absolute;width: 1px;height: 40px;background: #cecece;bottom: -60px;transform: translateX(-50%);left: 50%;}
.main-visual .swiper-slide .vi-txt-wrap .txt06{font-weight: 700;font-size: 18px;color: #000;max-width: 415px;margin: auto;line-height: 34px;margin-top: 70px;}
.main-visual .swiper-slide .vi-txt-wrap .txt07{font-weight: 700;font-size: 13px;color: #ad967f;}
.main-visual .swiper-slide .vi-txt-wrap .txt08{font-weight: 400;font-size: 13px;color: #ad967f;}

.main-visual .swiper-slide .vi-txt-wrap .vi-txt-foot{background: #163055;display: flex;justify-content: space-between;align-items: center;padding: 21px 35px 20px;}
.main-visual .swiper-slide .vi-txt-wrap .vi-txt-foot .txt-link {font-size: 16px;font-weight: 700;color: #fff;} 
.main-visual .swiper-slide .vi-txt-wrap .vi-txt-foot .txt-link:after {content: '';display: inline-block;width: 19px;height: 14px;margin-left: 20px;vertical-align: middle;transition: all .3s ease-in-out;background: url(/_res/sejong/gallery/img/common/sl-link-right.png) no-repeat 0 0 / 100%;}
.main-visual .swiper-slide .vi-txt-wrap .vi-txt-foot .txt-link:hover:after {transform: translateX(10px);}     

.main-visual .control-wrap {margin-top: 25px;} 
.main-visual .control-wrap .main-vi-navigation{display: flex;gap: 30px;align-items: center;justify-content: center;} 
.main-visual .swiper-button-next01 {background: url('/_res/sejong/gallery/img/common/ico-sl-right.png') no-repeat center;width: 18px;height: 18px;cursor: pointer;} 
.main-visual .swiper-button-prev01 {background: url('/_res/sejong/gallery/img/common/ico-sl-left.png') no-repeat center;width: 18px;height: 18px;cursor: pointer;}

.main-visual .swiper-pagination {display: flex;justify-content: center;align-items: center;position: relative;bottom: 10px;left: 0;width:280px !important;bottom: unset;border-radius: 0;}
.main-visual .swiper-pagination-bullet {height: 4px;background: #ddd;transition: background 0.3s;border-radius: 0;position: relative !important;margin: 0 !important;}
.main-visual .swiper-pagination-progressbar-fill {background: #004071;margin: 0 !important;}


/*
.main-visual .vi-txt-box .txt01{opacity: 0;visibility: hidden;transform: translateY(50px);} 
.main-visual .vi-txt-box .txt03{opacity: 0;visibility: hidden;transform: translateY(70px);} 
.main-visual .vi-txt-box .vi-day-box{opacity: 0;visibility: hidden;transform: translateY(90px);}
.main-visual .vi-txt-box .txt05{opacity: 0;visibility: hidden;transform: translateY(110px);}
.main-visual .vi-txt-box .txt06{opacity: 0;visibility: hidden;transform: translateY(130px);} 

.main-visual .swiper-slide-active .txt01,
.main-visual .swiper-slide-active .vi-day-box,
.main-visual .swiper-slide-active .txt06,
.main-visual .swiper-slide-active .txt05,
.main-visual .swiper-slide-active .txt03 {opacity: 1;transform: translateY(0);visibility: visible;-webkit-transition: transform 1500ms ease, opacity 1500ms ease;-moz-transition: transform 1500ms ease, opacity 1500ms ease;
	-ms-transition: transform 1500ms ease, opacity 1500ms ease;-o-transition: transform 1500ms ease, opacity 1500ms ease;transition: transform 1500ms ease, opacity 1500ms ease;transition-delay: 800ms;}
*/

@media screen and (max-width: 1200px) {
	.main-visual .swiper-slide .vi-txt-wrap .txt03 {font-size: 56px;line-height: 60px;}
	.main-visual .swiper-slide .vi-txt-wrap .txt05 {font-size: 26px;} 
	.main-visual .swiper-slide .vi-txt-wrap .txt07 {font-size: 11px;line-height: 17px;align-self: start;}    
}
   
@media screen and (max-width: 1024px) {
	.main-visual .swiper-slide .vi-img-box{height: 700px;}
	.main-visual .swiper-slide .vi-txt-wrap .txt05:after,
	.main-visual .swiper-slide .vi-txt-wrap .txt01:after {bottom: -40px;height: 30px;} 
	.main-visual .swiper-slide .vi-txt-wrap .txt03 {font-size: 44px;line-height: 50px;margin-top: 50px;margin-bottom: 26px;}
	.main-visual .swiper-slide .vi-txt-wrap .txt04 {font-size: 14px;} 
	.main-visual .swiper-slide .vi-txt-wrap .txt05 {margin-top: 32px;font-size: 24px;line-height: 34px;}
	.main-visual .swiper-slide .vi-txt-wrap .txt06 {font-size: 16px;line-height: 32px;margin-top: 50px;}
	.main-visual .swiper-slide .vi-txt-wrap .vi-txt-foot {flex-wrap: wrap;gap: 8px;padding: 15px 20px 13px; }
	.main-visual .swiper-slide .vi-txt-wrap .vi-txt-foot .txt-link {font-size: 14px;margin-left: auto;}
	.main-visual .swiper-slide .vi-txt-wrap .vi-txt-foot .txt-link:after {width: 15px;height: 12px;}    
	.main-visual .swiper-pagination {width: 200px !important;}
}
    
@media screen and (max-width: 768px) {
	.main-visual .swiper-slide .vi-img-box{height: 400px;}
	.main-visual .swiper-slide {flex-wrap: wrap;flex-direction: column;}
	.main-visual .swiper-pagination {width: 150px !important;}
	.main-visual .swiper-slide > div {flex: none;}
}