.vision-wrap {background: url(/_res/unist/admission/img/content/img-unist-overview.png)no-repeat;background-size: cover;border-radius: 10px;padding: 80px 84px;}
.vision-wrap .tit{font-weight: 800;font-size: 40px;line-height: 49px;letter-spacing: -0.1px;text-align: center;text-transform: uppercase;text-decoration: underline;text-decoration-style: solid;text-underline-offset: 4px;text-decoration-thickness: 10%;text-decoration-skip-ink: auto;color: #fff;position: relative;display: flex;flex-direction: column-reverse;align-items: center;gap: 30px;margin: 0 0 40px;}
.vision-wrap .tit:before {content: "";display: inline-block;width: 1px;height: 34px;background: #FFFFFF;opacity: 0.43;}
.vision-wrap .item-vision {display: flex;gap: 20px;}
.vision-wrap .item-vision .item {width: calc(50% - 10px);backdrop-filter: blur(30px);box-shadow: 0px 14px 40px 0px #00000021;border-radius: 20px;padding: 50px 20px;box-sizing: border-box;position: relative;display: flex;flex-direction: column;justify-content: center;}
.vision-wrap .item-vision .item:before {content: "";position: absolute;inset: 0;padding: 1.5px;border-radius: inherit;background: linear-gradient(
	137.89deg,
	rgba(255, 255, 255, 0.19) 21.88%,
	rgba(255, 255, 255, 0.038) 34.69%,
	rgba(255, 255, 255, 0.038) 67.27%,
	rgba(255, 255, 255, 0.19) 77.41%
);-webkit-mask:
	linear-gradient(#000 0 0) content-box,
	linear-gradient(#000 0 0);-webkit-mask-composite: xor;mask-composite: exclude;pointer-events: none;}
.vision-wrap .item-vision .item .txt {font-weight: 800;font-size: 24px;line-height: 120%;letter-spacing: -0.2px;text-align: center;vertical-align: middle;color: #43C1C3;padding: 0 0 25px;}
.vision-wrap .item-vision .item .desc {font-weight: 500;font-size: 15px;line-height: 145%;letter-spacing: -0.2px;text-align: center;vertical-align: middle;color: #fff;opacity: 0.8}


.vision-box {position:relative;}
.vision-mark {position:absolute;top:0;left:50%;transform:translatex(-50%);width: 100%;max-width:990px;z-index: 1;text-align: center;}
.vision-mark span {font-family: Prompt;font-weight: 800;font-size: 200px;line-height: 75%;letter-spacing: 0.1px;color:rgba(0,0,0,0.03);display:block;}
.vision-mark span:last-child { text-align: end;}

.vision-inner {padding:101px 0 0 0;position: relative;z-index: 2;}
.vision-inner .top-tit {margin: 0 0 50px 0;}
.vision-inner .top-tit .t1{font-weight: 800;font-size: 40px;line-height: 110.00000000000001%;letter-spacing: -0.2px;text-align: center;color:#004BAE;margin: 0 0 29px 0;}
.vision-inner .top-tit .t2{font-weight: 600;font-size: 20px;line-height: 26px;letter-spacing: -0.1px;text-align: center;color: #333;margin: 0 0 50px 0;}
.vision-inner .top-tit .vector {text-align:center;}

.vision-inner .middle ul {display:flex;justify-content:center;}
.vision-inner .middle ul li {position:relative;width:300px;height:300px;border-radius:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;}
.vision-inner .middle ul li:before {content: ""; position: absolute;inset: 0;padding: 1px;border-radius: inherit; background: linear-gradient(
	315deg,
	rgba(0, 26, 84, 0.58) 0%,
	rgba(220, 228, 239, 0.58) 50%,
	rgba(0, 26, 84, 0.58) 100%
); -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0); -webkit-mask-composite: xor;mask-composite: exclude;pointer-events: none;}
.vision-inner .middle ul li .name {font-weight: 700;font-size: 25px;line-height: 110%;letter-spacing: -0.2px;text-align: center;margin: 0 0 20px 0;color:#001A54;}
.vision-inner .middle ul li:nth-child(2) .name {color:#43C1C3;}
.vision-inner .middle ul li:nth-child(3) .name {color:#004BAE;}
.vision-inner .middle ul li p {font-weight: 600;font-size: 15px;line-height: 130%;letter-spacing: -0.1px;color:#333;text-align: center;}



.strategy-box {padding: 80px 0 40px 0;}
.strategy-box ul {}
.strategy-box ul li {display:flex;gap:10px;}
.strategy-box ul li .name{width:220px;font-weight: 700;font-size: 34px;line-height: 110%;color:#001A54;}
.strategy-box ul li .des {flex:1;font-weight: 600;font-size: 18px;line-height: 34px;color: #333;}


.talent-box {padding: 0 0 80px;}
.talent-box .item:first-child {border-top: 1px solid #DDD;}
.talent-box .item {display:flex;justify-content:space-between;gap:0 72px;align-items:center;padding:20px 0;}
.talent-box .item:last-child {border-bottom: 1px solid #DDD;}
.talent-box .item + .item {border-top: 1px solid #ddd;}
.talent-box .item .box-img {width:579px;max-height:201px;overflow:hidden;border-radius:5px;}
.talent-box .item:hover .box-img img {transform:scale(1.1);}
.talent-box .item .box-img img {width:100%;height:100%;object-fit:cover;transition: transform 0.5s ease;}
.talent-box .item .box-txt {flex:1;}
.talent-box .item .box-txt .t1 {font-weight: 700;font-size: 24px;line-height: 110%;color:#111;margin: 0 0 24px 0;}
.talent-box .item .box-txt > ul {display: flex;gap: 25px;}
.talent-box .item .box-txt > ul > li .num {font-family: Prompt;font-weight: 600;font-size: 48px;line-height: 100%;letter-spacing: 0;vertical-align: middle;color: #001A54;}
.talent-box .item .box-txt > ul > li .num > span.n02 {font-family: Pretendard;font-weight: 500;font-size: 16px;line-height: 24px;letter-spacing: 0;vertical-align: middle;color: #666666;margin-left: 8px;vertical-align: bottom;}


.h4-tit01 {color: #001A54;font-weight: 700;padding: 0 0 40px;}
.ranking {padding: 0 0 80px;}
.ranking > ul {display: flex;gap: 10px 5px;flex-wrap: wrap;}
.ranking > ul > li {border: 1px solid #DDDDDD;border-radius: 10px;padding: 50px 20px;flex: 1;text-align: center;box-sizing: border-box;}
.ranking > ul > li .rank {font-weight: 700;font-size: 30px;line-height: 100%;letter-spacing: -0.2px;vertical-align: middle;color: #004BAE;padding: 24px 0 16px;}
.ranking > ul > li .name {color: #111;font-weight: 700;font-size: 20px;line-height: 110.00000000000001%;letter-spacing: 0;text-align: center;vertical-align: middle;padding: 0 0 8px;}
.ranking > ul > li > span {font-weight: 500;font-size: 14px;line-height: 100%;letter-spacing: 0;text-align: center;vertical-align: middle;color: #666666;}


.goals-box {position:relative;background: #83a4ad url(/_res/unist/admission/img/content/vision-bg-goals.png) no-repeat center;background-size:cover;padding: 100px 54px 80px 54px;border-radius:10px;overflow:hidden;}
.goals-mark {position:absolute;top:60px;left:134px;}
.goals-mark span {font-family: Prompt;font-weight: 800;font-size: 200px;line-height: 75%;letter-spacing: -0.2px;color:rgba(255,255,255,0.1);display:block;}
.goals-mark span:last-child {margin-left:290px;}
.goals-head > p {font-weight: 600;font-size: 20px;line-height: 34px;text-align: center;color:#fff;letter-spacing: -0.01em;}
.goals-head .txt-title {position:relative;font-weight: 700;font-size: 36px;line-height: 110.00000000000001%;letter-spacing: -0.2px;padding: 0 0 73px 0;color: #fff;text-decoration: underline;text-underline-offset: 6px;}
.goals-head .txt-title:before {content:"";position:absolute;bottom:13px;left:50%;width:1px;height:34px;background:rgba(255,255,255,0.34);}

.goals-box .goals-slider {margin:41px 0 0 auto;width:100%;}
.goals-box .goals-swiper .swiper-slide {position:relative;width:320px;	flex-shrink: 0;background:rgba(0,0,0,0.09);backdrop-filter: blur(9.5px);/*box-shadow: 0px 17px 32.5px 0px #11111133*/;box-sizing:border-box;border-radius:20px;padding: 26px 26px 38px 40px;transition: all 0.3s;}
.goals-box .goals-swiper .swiper-slide:hover {background:rgba(0, 27, 84, 0.88);}
.goals-box .goals-swiper .swiper-slide:before {content: "";position: absolute;inset: 0;padding: 1.2px;border-radius: inherit;background: linear-gradient(
	137.89deg,
	rgba(255, 255, 255, 0.1) 21.88%,
	rgba(255, 255, 255, 0.02) 34.69%,
	rgba(255, 255, 255, 0.02) 67.27%,
	rgba(255, 255, 255, 0.1) 77.41%
);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite: xor;mask-composite: exclude;pointer-events: none;}
.goals-box .goals-swiper .swiper-slide .box-txt > p {font-weight: 500;font-size: 15px;letter-spacing: -0.2px;color:#fff;-webkit-line-clamp: 3;-webkit-box-orient: vertical;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;word-break: break-word;min-height: 77px;transition: all .3s;}
.goals-box .goals-swiper .swiper-slide .box-txt .txt-en{font-weight: 600;font-size: 20px;line-height: 1.3;margin:0 0 20px 0;transition: all .3s;min-height: unset;}
.goals-box .goals-swiper .swiper-slide .box-txt .ul-type-dot {min-height: 77px;}
.goals-box .goals-swiper .swiper-slide .box-txt .ul-type-dot > li {color: #FFFFFF;padding: 0 0 8px 15px;line-height: 120%}
.goals-box .goals-swiper .swiper-slide .box-txt .ul-type-dot > li:last-child {padding-bottom: 0;}
.goals-box .goals-swiper .swiper-slide .box-txt .ul-type-dot > li:before {background: #fff;top: 8px;}
.goals-box .goals-swiper .swiper-slide .box-tit {display: flex;justify-content: space-between;margin: 0 0 55px;}
.goals-box .goals-swiper .swiper-slide .box-tit .tit {font-weight: 700;font-size: 26px;line-height: 26px;letter-spacing: -0.2px;vertical-align: middle;color: #fff;transition: all .3s;padding-top: 20px;min-height: 52px;}
.goals-box .goals-swiper .swiper-slide .icon {width:64px;height:64px;border-radius:100%;background:#001A54;display:flex;align-items:center;justify-content:center;}
.goals-box .goals-swiper .swiper-slide .icon img {transition: transform 0.6s ease;}
.goals-box .goals-swiper .swiper-slide:hover .icon {background:#43C1C3;}
.goals-box .goals-swiper .swiper-slide:hover .box-tit .tit {color: #53EBEE;}
.goals-box .goals-swiper .swiper-slide:hover .box-txt .txt-en {color: #53EBEE;}
.goals-box .goals-swiper .swiper-slide:hover .box-txt > p  {color: #53EBEE;}
.goals-box .goals-swiper .swiper-slide:hover .box-txt .ul-type-dot > li {color: #53EBEE;}
.goals-box .goals-swiper .swiper-slide:hover .box-txt .ul-type-dot > li:before {background: #53EBEE;}
.goals-box .goals-swiper .swiper-slide:hover .icon img {transform:rotate(360deg);}
.pc-hide {display: none;}


@media (min-width:769px) and (max-width:1919px) {
	.vision-mark {max-width:calc(990/1920*100vw);}
	.vision-mark span {font-size:calc(200/1920*100vw);}
	.talent-box .item .box-txt > ul > li .num {font-size:calc(48/1920*100vw)}

	/*.goals-box {padding:calc(104/1920*100vw) calc(60/1920*100vw) calc(60/1920*100vw) calc(60/1920*100vw)}*/
	.goals-mark {top:calc(60/1920*100vw);left:calc(134/1920*100vw);}
	.goals-mark span {font-size: calc(200/1920*100vw);}
}


@media (max-width:1024px){
	.vision-wrap {padding: 50px 25px}
	.vision-mark span:last-child { text-align: center;}
	.talent-box .item .box-img {width: 50%;}
	.ranking > ul > li {flex: 0 0 calc(33.33% - 4px);}
	.vision-inner .top-tit .t2{font-size: 16px}
	.goals-box{padding: 100px 0 80px;}
}


@media (max-width:768px){
	.vision-wrap {padding: 60px 25px;}
	.vision-wrap .tit {font-size: 30px;gap: 10px;margin: 0 0 25px;}
	.vision-wrap .item-vision {flex-direction: column;}
	.vision-wrap .item-vision .item {width: 100%;padding: 35px 20px;}
	.vision-wrap .item-vision .item .txt {font-size: 20px;padding: 0 0 15px;}

	.vision-inner .top-tit .t1 {font-size:30px;}
	.vision-mark span{font-size:calc(120/750*100vw);}
	.vision-inner {padding-top:calc(202/750*100vw);}
	.vision-inner .middle ul {flex-direction:column;align-items: center;}

	.talent-box {padding: 0 0 40px;}
	.talent-box .item {flex-direction:column;align-items: flex-start;}
	.talent-box .item:first-child .box-img,
	.talent-box .item .box-img{width:100%;max-height:100%;}
	.talent-box .item .box-txt {width: 100%;}
	.talent-box .item .box-txt > ul > li .num {font-size: 30px;}
	.talent-box .item .box-txt > ul > li .num span.n02 {font-size: 14px;}
	.talent-box .item .box-txt > ul {flex-direction: column;gap: 15px;}
	.talent-box .item .box-txt > ul > li {flex: 1;}

	.strategy-box {padding: 40px 0 40px;}
	.strategy-box ul li {flex-direction:column;}
	.strategy-box ul li .name {width:100%;font-size: 28px}

	.ranking > ul > li {flex: 0 0 100%;padding: 25px;}
	.ranking {padding: 0 0 40px;} 
	
	.goals-box {padding:70px 0px;}
	.goals-box .goals-head {padding: 0 24px;}
	.goals-box .goals-slider {margin: 45px 0 0 auto;}
	.goals-box .goals-swiper .swiper-slide {padding: 34.5px 19.5px 28.5px 30px;min-height: 225px;}
	.goals-head .txt-title {padding: 0 0 65px 0;font-size: 34px;line-height: 130%;}
	.goals-head .txt-title:before {bottom: 20px;height: 20px;}
	.goals-head > p {padding-right:0;font-weight: 500;font-size: 16px;line-height: 145%;}
	.goals-box .goals-swiper .swiper-slide .box-tit {margin: 0 0 35px;}
	.goals-box .goals-swiper .swiper-slide .box-tit .tit {padding-top: 0;font-size: 20px;line-height: 19.5px;min-height: auto;}
	.goals-box .goals-swiper .swiper-slide .box-txt .txt-en {font-size: 16px;letter-spacing: -0.02em;margin: 0 0 15px 0;}

	.goals-mark span{font-size:calc(120/750*100vw);}
	.goals-mark {left:0;}
	
	.goals-box .goals-swiper .swiper-slide .icon {width: 48px;height: 48px;position: absolute;top: 19.5px;right: 19.5px;}
	.goals-box .goals-swiper .swiper-slide .icon img {width: 24px;}
	.goals-box .goals-swiper .swiper-slide .box-txt > p {padding-right: 25px;font-size: 13px;line-height: 120%;min-height:auto;}
	
	.talent-box .item .box-txt .t1 {margin: 0 0 20px;}
	.talent-box .item .box-img + ul {padding: 20px 0 0;display: flex;align-items: center;gap: 12px;}
	.talent-box .item .box-img + ul > li > .num {font-family: Prompt;font-weight: 600;font-size: 28px;line-height: 100%;letter-spacing: 0;vertical-align: middle;color: #001A54;}
	.talent-box .item .box-img + ul > li > .num .n02 {font-weight: 500;font-size: 12px;line-height: 24px;letter-spacing: 0;vertical-align: middle;color: #666666;margin-left: 8px;}
	.mo-hide {display: none!important;}
	.pc-hide {display: block;}

}

@media (max-width: 400px){
	.talent-box .item .box-img + ul > li > .num {font-size: 24px;}
}