@charset "utf-8";

.main-content-box01{background:linear-gradient(180deg, rgba(0, 0, 0, 0.4) 92.06%, rgba(102, 102, 102, 0.4) 100%),
linear-gradient(0deg, rgba(0, 45, 114, 0.2), rgba(0, 45, 114, 0.2)), url(/_res/gradcau/_share/img/oia-intro/backgroun.png) no-repeat center/cover;}
.main-content-box01 .main-mini-box{margin:0 auto;padding:0 2rem;height:100%;min-height:100vh;}

.main-intro-txt-wrap{padding:23rem 0 14.1rem;text-align:center;}
.main-intro-txt-wrap .txt01{padding:0 0 3rem;font-weight:var(--font-weight-bold);font-size:3.8rem;line-height:1.1;color:var(--white100);}
.main-intro-txt-wrap .txt01 span{color:var(--color08);}
.main-intro-txt-wrap .txt02{font-size:7.2rem;line-height:1.1;color:var(--white100);}
.main-intro-txt-wrap .txt02 span{font-weight:var(--font-weight-semibold);}

.main-intro-wrap .main-intro-list{display:flex;justify-content:center;gap:4rem;}
.main-intro-wrap .main-intro-box{width:40rem;}
.main-intro-wrap .main-intro-box > a{display:block;width:100%;height:100%;}
.main-intro-wrap .main-intro-inner{padding:4rem;border-radius:2rem;box-sizing:border-box;}
.main-intro-wrap .main-intro-box.blue01 .main-intro-inner{background:var(--color08);}
.main-intro-wrap .main-intro-box.blue02 .main-intro-inner{background:var(--color07);}
.main-intro-wrap .team-title{padding:0 0 1rem;font-size:4rem;line-height:1;letter-spacing:-0.01em;color:var(--white100);transition:0.3s ease;}
.main-intro-wrap .team-desc{position:relative;font-size:2rem;line-height:1;color:var(--color15);}
.main-intro-wrap .team-desc::before{content:'';position:absolute;top:calc(100% + 2rem);left:0;width:5rem;height:1px;background:var(--white40);}
.main-intro-wrap .main-intro-inner ul{padding:5.1rem 0 5rem;}
.main-intro-wrap .main-intro-inner ul > li{padding:0 0 1rem;font-size:2rem;line-height:1;color:var(--white80);}
.main-intro-wrap .main-intro-inner ul > li:last-of-type{padding:0;}
.main-intro-wrap .team-btn-box .main-intro-btn{display:flex;justify-content:space-between;align-items:center;padding:1.2rem 2rem;max-width:13.8rem;border:1px solid var(--white100);border-radius:1.2rem;font-size:2rem;line-height:1;color:var(--white100);box-sizing:border-box;transition:0.3s ease;}
.main-intro-wrap .team-btn-box .main-intro-btn::after{content:'';display:block;width:7px;height:1.2rem;background:url(/_res/gradcau/_share/img/oia-intro/btn-intro-more@2x.png) no-repeat center/100%;transition:0.3s ease;}
 
.main-intro-wrap .main-intro-box > a:hover .team-title{font-weight:var(--font-weight-medium);}
.main-intro-wrap .main-intro-box > a:hover .team-btn-box .main-intro-btn{border-color:var(--white100);background:var(--white100);}
.main-intro-wrap .main-intro-box.blue01 > a:hover .team-btn-box .main-intro-btn{color:var(--color08);}
.main-intro-wrap .main-intro-box.blue01 > a:hover .team-btn-box .main-intro-btn::after{background:url(/_res/gradcau/_share/img/oia-intro/btn-intro-more-hover@2x.png) no-repeat center/100%;}
.main-intro-wrap .main-intro-box.blue02 > a:hover .team-btn-box .main-intro-btn{color:var(--color07);}
.main-intro-wrap .main-intro-box.blue02 > a:hover .team-btn-box .main-intro-btn::after{background:url(/_res/gradcau/_share/img/oia-intro/btn-intro-more-hover02@2x.png) no-repeat center/100%;}

.main-intro-copy-wrap{padding:14rem 0 6rem;}
.main-intro-copy-wrap .main-copy{font-size:1.6rem;line-height:1;text-align:center;color:var(--color02);}

@media screen and (max-width:1024.98px){
	.main-content-box01{background:url(/_res/gradcau/_share/img/oia-intro/img-main-vi01.png) no-repeat center/cover;}
	.main-intro-txt-wrap{padding:18rem 0 9.3rem;}
	.main-intro-txt-wrap .txt01{padding:0 0 2rem;font-size:2.8rem;}
	.main-intro-txt-wrap .txt02{font-size:3.2rem;}
	.main-intro-txt-wrap .txt02:last-of-type{font-size:3.6rem;}
	.main-intro-wrap .main-intro-list{flex-direction:column;gap:1rem;}
	.main-intro-wrap .main-intro-box{width:100%;}
	.main-intro-wrap .main-intro-inner{display:flex;justify-content:space-between;padding:3.2rem 2.4rem;}
	.main-intro-wrap .team-title{font-size:2.8rem;}
	.main-intro-wrap .team-desc{font-size:1.6rem;}
	.main-intro-wrap .team-desc::before{display:none;}
	.main-intro-wrap .main-intro-inner ul{display:none;}
	.main-intro-wrap .team-btn-box .main-intro-btn{justify-content:center;padding:0;width:3.6rem;height:3.6rem;font-size:0;}
	.main-intro-copy-wrap{padding:5rem 0 2.3rem;}
	.main-intro-copy-wrap .main-copy{line-height:1.9rem;letter-spacing:-0.6px;}
}