@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;align-items: stretch;flex-wrap: wrap;}
.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{display:flex;flex-direction:column;justify-content:space-between;height:100%;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 .main-intro-inner ul > li > img{border-radius: 10px;object-fit: cover;height: 355px;width: 100%;}
.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 .team-btn-box.pc-hide{display:none}

.main-intro-wrap .main-intro-box.type-notice .main-intro-inner{background: rgba(255,255,255,.3);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);}
.main-intro-box.type-notice .team-desc{height:4rem;}
.notice-body{padding:5.1rem 0 2rem;}
.notice-body .notice-tit{font-size:4rem;line-height:1.178;color: #D8E7F5;}
.main-intro-box.type-notice>a:hover .main-intro-btn{color:var(--color08);}
.main-intro-box.type-notice>a:hover .main-intro-btn::after{background:url("assets/btn-intro-more-hover@2x.png") center/100% no-repeat;}



.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{flex-direction:row;justify-content:space-between;align-items:center;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;}
	.main-intro-wrap .main-intro-inner>div:first-child{flex:1 1 auto;min-width:0;padding-right:1.6rem;}
	.main-intro-wrap .main-intro-inner>div:last-child{flex:none;}

	.main-intro-wrap .team-btn-box.pc-hide{display:display:block}
	/* [모바일] 공지 카드 — 파란 카드와 동일한 박스 높이 유지 + 본문 2줄 말줄임 */
	.main-intro-box.type-notice .team-desc{display:none;}   /* 데스크톱 정렬용 빈 영역은 모바일 미사용 */
	.notice-body{padding:0;}
	.notice-body .notice-tit{
		font-size:1.6rem;line-height:1.6rem;height:3.2rem;    /* 팀 카드 서브타이틀 2줄과 동일 규격 */
		display:-webkit-box;-webkit-box-orient:vertical;
		-webkit-line-clamp:2;line-clamp:2;overflow:hidden;    /* 2줄 초과 시 말줄임(…) */
	}
	.notice-body .notice-tit br{display:none;}              /* 데스크톱 줄바꿈 무시하고 한 문단으로 */
	.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:-.6px;}
}