@charset "utf-8";

.uni-box{display:flex;border-radius:8px;overflow:hidden;}
.uni-box :is(p, a){color:#fff;word-break:break-word;}
.uni-box .uni-card-img-box{padding:4.5rem 5rem;width:45%;}
.uni-box .uni-card-img-box p{font-weight:var(--font-weight-medium);}
.uni-box .uni-card-img-box p:nth-of-type(1){padding:0 0 1.5rem;font-size:1.8rem;line-height:2.4rem;}
.uni-box .uni-card-img-box p:nth-of-type(2){font-size:5rem;line-height:1;text-transform:uppercase;}
.uni-box .uni-card-txt-box{padding:9.5rem 6rem 11rem;width:55%;}
.uni-box .uni-card-txt-box :is(p, a){font-weight:var(--font-weight-bold);}
.uni-box .uni-card-txt-box .uni-card-title{padding:0 0 3rem;font-size:3.4rem;line-height:4.4rem;}
.uni-box .uni-card-txt-box .uni-card-desc{padding:0 0 3.4rem;font-size:1.8rem;line-height:3rem;color:var(--white70);}
.uni-box .uni-card-txt-box ul{display:flex;flex-wrap:wrap;gap:1.5rem 1rem;}
.uni-box .uni-card-txt-box ul li{width:calc(50% - 5px);}
.uni-box .uni-card-txt-box ul li .link{display:flex;align-items:center;position:relative;padding:1.5rem 1.6rem 1.5rem 3.7rem;width:100%;border:1px solid var(--white40);border-radius:3.6rem; font-size: clamp(1.4rem, 1.5vw, 1.8rem);line-height:clamp(1.866rem, 2vw, 2.4rem);letter-spacing:-0.025em;box-sizing:border-box;}
.uni-box .uni-card-txt-box ul li .link > span{display:inline-block;align-items:center;position:relative;padding:8px 5.6rem 8px 4.8rem;width:100%;text-overflow: ellipsis;white-space:nowrap;overflow:hidden;vertical-align:middle;box-sizing:border-box;}
.uni-box .uni-card-txt-box ul li .link > span:before{content:'';display:block;position:absolute;top:50%;left:0;width:3.5rem;height:3.1rem;background:url(../img/admission/ico-uni-books%402x.png) no-repeat center center / 100%;transform:translateY(-50%);}
.uni-box .uni-card-txt-box ul li .link.books span:before{background-image:url(../img/admission/ico-uni-books%402x.png);}
.uni-box .uni-card-txt-box ul li .link.school span:before{background-image:url(../img/admission/ico-uni-school%402x.png);}
.uni-box .uni-card-txt-box ul li .link.grad-cap span:before{background-image:url(../img/admission/ico-uni-grad-cap%402x.png);}
.uni-box .uni-card-txt-box ul li .link.globe span:before{background-image:url(../img/admission/ico-uni-globe%402x.png);}
.uni-box .uni-card-txt-box ul li .link.major span:before{background-image:url(../../_share/img/sj-common/ico-uni-major%402x.png);}
.uni-box .uni-card-txt-box ul li .link > span > .lnk-ico{position:absolute;top:50%;right:0;width:4rem;height:4rem;background:var(--color115);border-radius:50%;transform:translateY(-50%);}
.uni-box.grad .uni-card-txt-box ul li .link > span > .lnk-ico{background:var(--color116);}
.uni-box .uni-card-txt-box ul li .link.self > span > .lnk-ico::after{content:'';position:absolute;top:50%;left:50%;width:1.2rem;height:1.2rem;background:url(../../_share/img/common/bg-link-btn-self%402x.png) no-repeat center center / 100%;transform:translate(-50%,-50%);}
.uni-box .uni-card-txt-box ul li .link.blank > span .lnk-ico::after{content:'';position:absolute;top:50%;left:50%;width:1.2rem;height:1.2rem;background:url(../../_share/img/common/bg-link-btn-blank%402x.png) no-repeat center center / 100%;transform:translate(-50%,-50%);}

.uni-box.undergrad .uni-card-img-box{background:url(../img/admission/bg-uni-img-undergrad.jpg) no-repeat center center / cover;}
.uni-box.undergrad .uni-card-txt-box{background:url(../img/admission/bg-uni-txt-undergrad.jpg) no-repeat center center / cover;}

.uni-box.grad .uni-card-img-box{background:url(../img/admission/bg-uni-img-grad.jpg) no-repeat center center / cover;}
.uni-box.grad .uni-card-txt-box{background:url(../img/admission/bg-uni-txt-grad.jpg) no-repeat center center / cover;}

@media screen and (min-width:1025px) {
	.uni-box .uni-card-txt-box ul li .link{transition:all .3s;}
	.uni-box .uni-card-txt-box ul li .link:hover{box-shadow:0 1.4rem 4rem var(--black20);}

	.uni-box.undergrad .uni-card-txt-box ul li .link:hover{background-color:var(--color52);border-color:var(--color52);}

	.uni-box.grad .uni-card-txt-box ul li .link:hover{background-color:var(--color01);border-color:var(--color01);}
	.uni-box .uni-card-txt-box ul li .link:hover > span > .lnk-ico{background:#000;}
}

@media screen and (max-width:1200px) {
	.uni-box{flex-direction:column;}	
	.uni-box .uni-card-img-box{position:relative;padding:5.5rem 2rem;width:100%;box-sizing:border-box;}
	.uni-box .uni-card-img-box:before{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:var(--black30);}
	.uni-box .uni-card-img-box p{position:relative;}
	.uni-box .uni-card-img-box p:nth-of-type(1){padding:0 0 1rem;font-size:1.4rem;line-height:2rem;}
	.uni-box .uni-card-img-box p:nth-of-type(2){font-size:3rem;}
	.uni-box .uni-card-txt-box{padding:2rem;width:100%;box-sizing:border-box;}
	.uni-box .uni-card-txt-box .uni-card-title{padding:0 0 1.5rem;font-size:2rem;line-height:3rem;}
	.uni-box .uni-card-txt-box .uni-card-desc{padding:0 0 2rem;font-size:1.4rem;line-height:2.4rem;}
	.uni-box .uni-card-txt-box ul li .link{width:100%;height:auto;font-size:1.4rem;line-height:2.4rem;box-sizing:border-box;}
	.uni-box .uni-card-txt-box ul li .link:before{margin:0 1rem 0 0;width:2.5rem;height:2.2rem;}
	.uni-box .uni-card-txt-box ul li .link > span{padding:8px 5.6rem 8px 3.8rem;}
	.uni-box .uni-card-txt-box ul li .link > span > .lnk-ico{width:3rem;height:3rem;}
	.uni-box .uni-card-txt-box ul li .link > span:before{width:2.5rem;height:2.2rem;}
	.uni-box .uni-card-txt-box ul li .link.self > span > .lnk-ico::after{width:1rem;height:1rem;}
	.uni-box .uni-card-txt-box ul li .link.blank > span > .lnk-ico::after{width:1rem;height:1rem;}

	.uni-box.grad{flex-direction:column-reverse;}
}

@media screen and (max-width:768px){
	.uni-box .uni-card-txt-box ul li{width:100%;}

}