@charset 'utf-8';

/* common */
.bg-color-box{width:100%;background:#f3f4f6;}
.bg-color-box.type02{width:100%;background:#E8EDF2;}
.bg-color-box.type03{width:100%;background:#002253;}
.m-show{display:none;}
.pc-show{display:block;}

/* Degree Program Template Styles */

.degree-program-wrap{display:inline-flex;flex-direction:column;align-items:flex-start;position:relative;width:100%;}

/* Intro Section */
.degree-program-wrap .degree-program-intro{display:flex;flex-direction:column;align-items:flex-start;gap:4rem;position:relative;align-self:stretch;padding:8rem 0;width:100%;flex:0 0 auto;background-color:var(--color24);border-radius:0.4rem;overflow:hidden;box-sizing:border-box;}
.degree-program-wrap .degree-program-intro .intro-text{order:2;}

.degree-program-wrap .intro-text{position:relative;align-self:stretch;font-family:"Roboto", Helvetica;font-weight:400;color:var(--color15);font-size:2.8rem;letter-spacing:-0.112rem;line-height:140%;font-style:normal;}

.degree-program-wrap .intro-image {position:relative;width:108.8rem;height:21.6rem;}

/* Overview Section */
.degree-program-wrap .degree-program-overview{display:flex;align-items:center;gap:8.4rem;padding:8rem 0;position:relative;align-self:stretch;width:100%;flex:0 0 auto;background-color:#f3f4f6;box-sizing:border-box;}

.degree-program-wrap .overview-image-box{position:relative;width:37.6rem;height:26.5rem;display:flex;align-items:center;justify-content:center;}

.degree-program-wrap .overview-image-main{max-width:100%;max-height:100%;object-fit:contain;}
.degree-program-wrap .overview-content{display:flex;flex-direction:column;width:62.8rem;align-items:flex-start;gap:2.8rem;position:relative;}
.degree-program-wrap .section-title{position:relative;width:fit-content;font-family:"Roboto", Helvetica;font-weight:600;color:var(--color09);font-size:4.4rem;letter-spacing:-0.176rem;line-height:120%;white-space:nowrap;font-style:normal;}
.degree-program-wrap .section-desc{position:relative;align-self:stretch;font-family:"Roboto", Helvetica;font-weight:400;color:var(--color10);font-size:2rem;letter-spacing:-0.04rem;line-height:140%;font-style:normal;}

/* Research Tracks Section */
.research-track-swiper{padding:0 0 4.3rem;}
.research-track-swiper .swiper-pagination{bottom:0;}
.research-track-swiper .swiper-pagination .swiper-pagination-bullet{background:var(--white100);opacity:1;}
.research-track-swiper .swiper-pagination .swiper-pagination-bullet-active{background:#1174FF;}
.degree-program-wrap .degree-program-tracks{width:100%;padding:8rem 0;position:relative;background-color:var(--color24);box-sizing:border-box;}
.degree-program-wrap .section-header {display:flex;align-items:flex-start;justify-content:space-between;position:relative;align-self:stretch;padding:0 0 6rem;width:100%;flex:0 0 auto;box-sizing:border-box;}
.degree-program-wrap .section-title-large{position:relative;width:35.2rem;margin-top:-0.1rem;font-family:"Roboto", Helvetica;font-weight:600;color:var(--color09);font-size:4.4rem;letter-spacing:-0.176rem;line-height:120%;font-style:normal;}
.degree-program-wrap .section-subtitle{position:relative;width:53.6rem;margin-top:-0.1rem;font-family:"Roboto", Helvetica;font-weight:400;color:var(--color10);font-size:2rem;letter-spacing:-0.04rem;line-height:140%;font-style:normal;}
.degree-program-wrap .track-list{display:flex;align-items:center;gap:2.4rem;position:relative;align-self:stretch;width:100%;flex:0 0 auto;}
.degree-program-wrap .track-item{display:flex;flex-direction:column;align-items:flex-start;position:relative;flex:1;flex-grow:1;background-color:var(--white100);}
.degree-program-wrap .track-image{align-self:stretch;width:100%;height:27.2rem;position:relative;object-fit:cover;}
.degree-program-wrap .track-info{display:flex;flex-direction:column;width:100%;align-items:flex-start;gap:0.4rem;padding:1.2rem 1.6rem;position:relative;flex 0 0 auto;box-sizing:border-box;}
.degree-program-wrap .track-name {position:relative;width:fit-content;margin-top:-0.1rem;font-family:"Roboto", Helvetica;font-weight:600;color:var(--color09);font-size:2rem;letter-spacing:-0.04rem;line-height:140%;}
.degree-program-wrap .track-desc {position:relative;align-self:stretch;font-family:"Roboto", Helvetica;font-weight:400;color:var(--color10);font-size:1.6rem;letter-spacing:-0.032rem;line-height:140%;font-style:normal;}

.research-track-swiper .swiper-slide .track-item .img-box{width:100%;aspect-ratio: 335 / 272;}

/* Training and Mentorship Section */
.degree-program-wrap .degree-program-training {display:flex;flex-direction:column;align-items:flex-start;gap:4rem;padding:8rem 0;position:relative;align-self:stretch;width: 100%;flex:0 0 auto;background-color:#f3f4f6;box-sizing:border-box;}
.degree-program-wrap .training-list{display:flex;align-items:center;gap:1.6rem;position:relative;align-self:stretch;width:100%;flex:0 0 auto;}
.degree-program-wrap .training-item{display:flex;flex:1;flex-wrap:wrap;flex-direction:row;align-items:center;gap:1.6rem;position:relative;width:100%;}
.degree-program-wrap .training-icon{position:relative;width:15rem;height:15rem;aspect-ratio:1;}
.degree-program-wrap .training-text-box{display:flex;flex-direction:column;width:100%;align-items:flex-start;gap:0.4rem;padding:0 0 0 1.2rem;position:relative;}
.degree-program-wrap .training-desc{position:relative;align-self:stretch;margin-top:-0.1rem;font-family:"Roboto", Helvetica;font-weight:400;color:var(--color09);font-size:2rem;letter-spacing:-0.08rem;line-height:140%;font-style:normal;}
.degree-program-wrap .training-icon-box{position:relative;width:15rem;height:15rem;}

.degree-program-wrap .training-icon-sub{position:absolute;top:calc(50% - 5.1rem);left:calc(50% - 5.4rem);width:10.8rem;height:10.3rem;aspect-ratio:1.04;}

/* Degree Features Section */
.degree-program-wrap .degree-program-features{display:flex;align-items:flex-start;gap:10.8rem;padding:6rem 0;position:relative;align-self:stretch;width:100%;flex:0 0 auto;background-color:#002252;box-sizing:border-box;}
.degree-program-wrap .section-title-white{position:relative;width:35.2rem;margin-top:-0.1rem;font-family:"Roboto", Helvetica;font-weight:600;color:var(--white100);font-size:4.4rem;letter-spacing:-0.176rem;line-height:120%;font-style:normal;
}
.degree-program-wrap .feature-list{display:flex;flex-direction:column;align-items:flex-start;gap:2.4rem;position:relative;flex:1;flex-grow:1;}
.degree-program-wrap .feature-item{display:flex;width:100%;align-items:flex-start;gap:1.6rem;position:relative;flex:0 0 auto;}
.degree-program-wrap .feature-bullet{position:relative;width:3.4rem;height:3.4rem;aspect-ratio:1;}
.degree-program-wrap .bullet-line {position:absolute;top:calc(50% - 0.8rem);left:calc(50% - 0.6rem);width:1.2rem;height:1.9rem;}
.degree-program-wrap .feature-desc{position:relative;width:calc(100% - 5rem);margin-top:-0.1rem;font-family:"Roboto", Helvetica;font-weight:400;color:#F0F0F0;font-size:2.4rem;letter-spacing:-0.048rem;line-height:140%;font-style:normal;}

/* Career Pathways Section */
.degree-program-career-container{background:url(/_res/service/bcci/img/careers/bg-career-path.png) no-repeat center right / contain;}
.degree-program-wrap .degree-program-career{display:flex;align-items:center;gap:10.9rem;padding:8rem 0;position:relative;align-self:stretch;width:100%;flex:0 0 auto;border-radius:0.4rem;overflow:hidden;box-sizing:border-box;}

.degree-program-wrap .career-image-main{width:44.4rem;height:34rem;position:relative;object-fit:cover;}
.degree-program-wrap .career-content{display:flex;flex-direction:column;width:53.6rem;align-items:flex-start;justify-content:flex-end;gap:2.8rem;position:relative;}
.degree-program-wrap .career-image-deco{position:absolute;top:0;left:118.4rem;width:73.7rem;height:50rem;aspect-ratio:1;object-fit:cover;}



/* Responsive Styles */
@media screen and (max-width: 1024px) {

	.degree-program-wrap .degree-program-intro,
	.degree-program-wrap .degree-program-overview,
	.degree-program-wrap .degree-program-tracks,
	.degree-program-wrap .degree-program-training,
	.degree-program-wrap .degree-program-features,
	.degree-program-wrap .degree-program-career{padding:6rem 0;}

	.degree-program-wrap .degree-program-intro{padding:2.4rem 0;}
	.degree-program-wrap .degree-program-intro .intro-text{font-size:2rem;}

	.degree-program-wrap .overview-content,
	.degree-program-wrap .section-subtitle,
	.degree-program-wrap .career-content{gap:1.6rem;width:100%;}

	.degree-program-wrap .section-header{flex-wrap:wrap;gap:1.6rem;}
	.degree-program-wrap .section-title-large{font-size:3.2rem;line-height:3.84rem;}
	.degree-program-wrap .track-list,
	.degree-program-wrap .training-list{flex-direction:column;}

	.research-track-swiper-box{padding:6.4rem 0;}

	.swiper-pagination{top:4rem;}
	.degree-program-wrap .degree-program-overview{flex-wrap:wrap;gap:3.2rem;}
	.degree-program-wrap .section-title{font-size:3.2rem;line-height:3.84rem;}
	.degree-program-wrap .section-header{padding:0 0 3.2rem;}

	.degree-program-wrap .training-item{flex-wrap:nowrap;}
	.degree-program-wrap .training-item img{width:10.5rem;height:10.5rem;}
	.degree-program-wrap .training-text-box{padding:0;}
	.degree-program-wrap .training-desc{font-size:1.6rem;line-height:2.24rem;}

	/* Degree Features */
	.degree-program-wrap .section-title-white{width:100%;font-size:3.2rem;line-height:3.84rem;}
	.degree-program-wrap .degree-program-features{flex-wrap:wrap;gap:2.4rem;}
	.degree-program-wrap .feature-desc{font-size:2rem;}
	.degree-program-wrap .feature-bullet{width:2.4rem;height:2.4rem;}

	.degree-program-career-container{background:transparent;}
	.degree-program-wrap .degree-program-career{flex-wrap:wrap;gap:2.4rem;}
	.degree-program-career > img{order:2;width:100%;}
	.degree-program-wrap .career-content{order:1;}

}

@media screen and (max-width:768px){
	.m-show{display:block;}
	.pc-show{display:none;}
	
}