.main-visual-box{height: 580px;position: relative;}
.main-visual-inner {position: relative;}
.main-visual-inner .main-vi-swiper .swiper-wrapper{height: 580px;}
.main-visual-inner .main-vi-swiper .swiper-wrapper .img-slide {height: 100%;}
.main-visual-inner .main-vi-swiper .swiper-wrapper img{width: 100%;height: 100%;object-fit: cover;object-position: center;}

.main-txt-swiper {position: absolute;top: 110px;right: 0;z-index: 99;max-width: 400px;width: 100%;height: calc(100% - 110px);backdrop-filter: blur(20px);border-left: 1px solid #FFFFFF42;padding: 50px 27px 0;box-sizing: border-box;}
.main-txt-swiper .swiper-wrapper .txt01 {padding: 10.5px 14px;background: #00439A;border-radius: 30px;font-weight: 700;font-size: 14px;line-height: 140%;letter-spacing: -0.1px;color: #fff;display: inline-block;margin: 0 0 40px;}
.main-txt-swiper .swiper-wrapper .txt01.color01 {background: #00439A;}
.main-txt-swiper .swiper-wrapper .txt01.color02 {background: #FFFFF0;color: #001A54}
.main-txt-swiper .swiper-wrapper .txt02 {font-weight: 700;font-size: 22px;line-height: 150%;letter-spacing: -0.1px;color: #fff;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;margin: 0 0 64px;}
.main-txt-swiper .swiper-wrapper .btn-more{font-weight: 700;font-size: 16px;line-height: 140%;letter-spacing: -0.1px;vertical-align: middle;color: #fff;position: relative;display: flex;align-items: center;gap: 6px;}
.main-txt-swiper .swiper-wrapper .btn-more:after {content: "";display: inline-block;width: 23px;height: 23px;border-radius: 100%;background: #FFFFFF4D url(/_res/unist/admg-eng/img/common/ico-btnmore.png)no-repeat center center;background-size: auto;}

.main-visual-inner .swiper-txt-control {position: absolute;bottom: 40px;max-width: unset;width: calc(100% - 54px);margin: 0 auto;left: 50%;transform: translateX(-50%);display: flex;flex-direction: row-reverse;z-index: 99;align-items: center;gap: 18px;}
.swiper-txt-control .swiper-navigation  {display:flex;gap:5px;flex-direction: row-reverse;}
.swiper-txt-control .swiper-navigation + div {flex: 1;}
.swiper-txt-control .swiper-navigation .swiper-txt-next{width: 30px;height: 30px;background: url(../img/common/admg-slide-next.png) no-repeat center;background-size:contain;z-index:10;cursor: pointer;}
.swiper-txt-control .swiper-navigation .swiper-txt-prev{width: 30px;height: 30px;background: url(../img/common/admg-slide-prev.png) no-repeat center;background-size:contain;z-index:10;cursor: pointer;}

.custom-progress {display: flex;align-items: center;gap: 16px;color: #fff;font-weight: 700;font-size: 15px;line-height: 100%;letter-spacing: 0;}
.custom-progress .bar {position: relative;flex: 1;background: #EEEEEE66;overflow: hidden;width: 134px;height: 2px;}
.custom-progress .total {color: #fff;}
.custom-progress .fill {position: absolute;top: 0; left: 0;height: 100%;width: 0%;background: #FFFFFF;transition: width linear;}
.custom-progress .toggle {background: #FFFFFF33;border: none;color: #fff;font-size: 16px;cursor: pointer;border-radius: 100%;width: 33px;height: 33px;}


.grad-wrap {position: absolute;bottom: 126px;left: calc(250/1920*100vw);z-index: 10;max-width: 840px;width: 100%;box-sizing: border-box;}
.grad-wrap .grad-tit{font-weight: 800;font-size: 60px;line-height: 60px;letter-spacing: 0;vertical-align: middle;text-transform: uppercase;color: #fff;position: relative;margin: 0 0 60px;}
.grad-wrap .grad-tit:after {content:"";display: inline-block;background: url(/_res/unist/admg-eng/img/common/icon-grad-tit.png)no-repeat center center;width: 24px;height: 24px;vertical-align: inherit;}
.list-grad {display: flex;gap: 10px;}
.list-grad li { flex: 1;max-width: 235px;width: 100%;height: 64px;}
.list-grad li a {padding: 19px 18px;border-radius: 500px;font-weight: 600;font-size: 13px;line-height: 140%;letter-spacing: -0.1px;vertical-align: middle;text-decoration: underline;text-decoration-style: solid;text-underline-offset: 15%;text-decoration-thickness: 0%;color: #fff;position: relative;box-sizing: border-box;width: 100%;display: block;height: 100%;display: flex;align-items:center;justify-content: space-between;gap: 10px;border: 1px solid #FFFFFF38}
.list-grad li a:after {content: "";display: inline-block;width: 6px;height: 10px;background: url(/_res/unist/admg-eng/img/common/ico-btn-grad.png)no-repeat center center;filter: brightness(0) invert(1)}
.list-grad li a span {position: relative;display: flex;align-items: center;gap: 10px;}
.list-grad li a span:before {content: "";display: inline-block;width: 25px;height: 25px;}
.list-grad li:nth-child(1) a{background: #004BAE;}
.list-grad li:nth-child(1) a span:before {background: url(/_res/unist/admg-eng/img/common/icon-grad01.png)no-repeat center center;background-size: contain;}
.list-grad li:nth-child(2) a{background: #43C1C3;}
.list-grad li:nth-child(2) a span:before {background: url(/_res/unist/admg-eng/img/common/icon-grad02.png)no-repeat center center;background-size: contain;}
.list-grad li:nth-child(3) a{background: #FFFFFF;color: #001A54;}
.list-grad li:nth-child(3) a:after {filter: unset;}
.list-grad li:nth-child(3) a span:before {background: url(/_res/unist/admg-eng/img/common/icon-grad03.png)no-repeat center center;background-size: contain;}

@media (max-width: 1400px) {
	.grad-wrap {left: calc(100/1400*100vw);}
	.grad-wrap .grad-tit {font-size: 45px;line-height: 50px;}
}

@media (max-width: 1250px) {
	.grad-wrap {left: calc(40/1250*100vw);}
}

@media (max-width: 1200px) {
	.main-txt-swiper {bottom: 0;top: auto;height: auto;width: 100%;max-width: unset;padding: 25px 40px;}
	.main-txt-swiper .swiper-wrapper .txt01 {font-size: 13px;margin: 0 0 15px;}
	.main-txt-swiper .swiper-wrapper .txt02 {font-size: 18px;margin: 0 0 20px;-webkit-line-clamp: 1;}
	.main-visual-inner .swiper-txt-control {position: relative;bottom: 0;width: 100%;margin-top: 15px;}
	
	.grad-wrap {bottom: auto;top: 40%;transform: translateY(-50%);}
	.grad-wrap .grad-tit {font-size: 30px;line-height: 30px;margin: 0 0 20px;}
}


@media(max-width: 1024px){
	.grad-wrap {left: 16px;max-width: unset;width: calc(100% - 32px);}
	.main-txt-swiper {padding: 25px 16px;}
	.main-txt-swiper .swiper-wrapper .txt02 {margin: 0 0 10px;}
	.list-grad li {max-width: unset;}
}

@media(max-width: 768px){
	.list-grad {flex-direction: column;}
	.grad-wrap .grad-tit {font-size: 22px;line-height: 22px;}
	.grad-wrap .grad-tit:after {width: 16px;height: 16px;background-size: contain;}
	.main-visual-box {height: 700px;}
	.main-visual-inner .main-vi-swiper .swiper-wrapper {height: 700px;}
	.list-grad li {max-width: 400px;}
}