@charset "UTF-8";

.main-content-box03{padding:8rem 0;}
.main-content-box03 .main-title{padding:0 0 4rem;font-size:5.6rem;line-height:6.7rem;color:var(--white100);}
.main-content-box03 .main-title span{color:var(--color07);}
.main-content-box03 .mission-box{text-align:center;}
.main-content-box03 .mission-box .mission-desc{padding:0 0 1.6rem;font-size:3.2rem;line-height:3.8rem;color:var(--white100);letter-spacing:-0.02em;}
.main-content-box03 .mission-box .mission-sub-desc{font-size:2.4rem;line-height:3.4rem;color:var(--color03);letter-spacing:-0.02em;}
.main-content-box03 .mission-box .btn-explore{display:inline-flex;align-items:center;justify-content:center;gap:1.2rem;margin:4rem 0 0;padding:1.2rem 2.4rem;background-color:var(--white100);color:var(--color09);border-radius:40px;font-size:2rem;line-height:2.4rem;}
.main-content-box03 .mission-box .btn-explore:after{content:'';display:inline-flex;flex-shrink:0;width:2.4rem;height:2.4rem;background:var(--color09);-webkit-mask:url(/_res/service/bcci/img/main/ico-arr-angled01@2x.png) no-repeat center center/cover;mask:url(/_res/service/bcci/img/main/ico-arr-angled01@2x.png) no-repeat center center/cover;}

.main-content-box04{position:relative;padding:8rem 0 10rem;}
.main-content-box04:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg, var(--white100) 0%, var(--color08) 100%);opacity:1;transition:all 0.6s cubic-bezier(.2,.6,.2,1);}
.main-content-box04.bg-hidden:before{opacity:0;}
.main-content-box04.bg-hidden .main-title{color:var(--white100);}
.main-content-box04 .main-mini-wrap{position:relative;}
.main-content-box04 .main-title{padding:0 0 6rem;}
.main-content-box04 .career-box ul{display:flex;gap:1.6rem;justify-content:center;}
.main-content-box04 .career-box li{flex:1;position:relative;border-radius:2rem;background-clip:padding-box;border:1px solid transparent;box-shadow:0px 6.41px 17.1px 0px rgba(2, 32, 87, 0.1);}
.main-content-box04 .career-box li::before{content:'';position:absolute;top:-1px;left:-1px;width:calc(100% + 2px);height:calc(100% + 2px);border-radius:inherit;background:linear-gradient(160.46deg, rgba(130, 173, 219, 0.5) 1.6%, rgba(130, 173, 219, 0) 30.5%, rgba(130, 173, 219, 0) 68.18%, rgba(130, 173, 219, 0.5) 94.61%);}
.main-content-box04 .career-box li a{display:block;position:relative;padding:3rem;border-radius:2rem;height:100%;min-height:40rem;color:var(--white100);overflow:hidden;box-sizing:border-box;}
.main-content-box04 .career-box li:nth-of-type(1) a{background:url(/_res/service/bcci/img/main/bg-career01.png) no-repeat center center/cover;transition:0.3s ease;}
.main-content-box04 .career-box li:nth-of-type(2) a{background:url(/_res/service/bcci/img/main/bg-career02.png) no-repeat center center/cover;transition:0.3s ease;}
.main-content-box04 .career-box li:nth-of-type(3) a{background:url(/_res/service/bcci/img/main/bg-career03.png) no-repeat center center/cover;transition:0.3s ease;}
.main-content-box04 .career-box li:nth-of-type(1) a:hover{background:url(/_res/service/bcci/img/main/bg-career-on01.png) no-repeat center center/cover;}
.main-content-box04 .career-box li:nth-of-type(2) a:hover{background:url(/_res/service/bcci/img/main/bg-career-on02.png) no-repeat center center/cover;}
.main-content-box04 .career-box li:nth-of-type(3) a:hover{background:url(/_res/service/bcci/img/main/bg-career-on03.png) no-repeat center center/cover;}
.main-content-box04 .career-box li a:after{content:'';display:inline-flex;position:absolute;top:3rem;right:3rem;z-index:10;width:3.8rem;height:3.8rem;background:var(--white100);-webkit-mask:url(/_res/service/bcci/img/main/ico-arr-mini02@2x.png) no-repeat center center/100%;mask:url(/_res/service/bcci/img/main/ico-arr-mini02@2x.png) no-repeat center center/100%;transition:transform 0.3s ease;}
.main-content-box04 .career-box li a:hover:after{transform:scale(1.1);}
.main-content-box04 .career-box .txt-box{position:relative;}
.main-content-box04 .career-box .txt-box .career-title{padding:0 3.8rem 0 0;font-weight:var(--font-weight-medium);font-size:2.4rem;line-height:3.4rem;letter-spacing:-0.04em;}

@media screen and (max-width:1024.98px){
	.main-content-box03{padding:5.6rem 0;}
	.main-content-box03 .main-title{padding:0 0 4rem;font-size:4.4rem;line-height:5.3rem;}
	.main-content-box03 .mission-box .mission-desc{padding:0 0 1.6rem;font-size:2.4rem;line-height:3.2rem;}
	.main-content-box03 .mission-box .mission-sub-desc{font-size:1.6rem;line-height:2.2rem;}

	.main-content-box04 .career-box li a{min-height:24.6rem;padding:2.4rem;}
	.main-content-box04 .career-box li:nth-of-type(1) a{background-image:url(/_res/service/bcci/img/main/bg-career01-m@2x.png);}
	.main-content-box04 .career-box li:nth-of-type(2) a{background-image:url(/_res/service/bcci/img/main/bg-career02-m@2x.png);}
	.main-content-box04 .career-box li:nth-of-type(3) a{background-image:url(/_res/service/bcci/img/main/bg-career03-m@2x.png);}
}

@media screen and (max-width:768px){
	.main-content-box04 .career-box ul{flex-direction:column;gap:1.6rem;}
	.main-content-box04 .career-box li{width:100%;}
}