@charset "utf-8";
/* BCCI Value */
.value-acc-box{display:flex;flex-direction:column;gap:8px;}
.value-acc-box .value-con{padding:2.3rem 3.6rem;border:1px solid var(--color21);box-sizing:border-box;box-sizing:border-box;transition:0.5s ease;}
.value-acc-box .value-con.active{position:relative;padding:3.1rem 3.2rem 4.5rem;background:url(/_res/service/bcci/img/about-us/bg-value01.png) no-repeat 0 0/cover;}
.value-acc-box .value-con:not(.active):nth-of-type(1){background-color:var(--color04)}
.value-acc-box .value-con:not(.active):nth-of-type(2){background-color:var(--color47)}
.value-acc-box .value-con:not(.active):nth-of-type(3){background-color:var(--color46)}
.value-acc-box .value-con:not(.active):nth-of-type(4){background-color:var(--color45)}
.value-acc-box .value-con .acc-view-box .acc-title{position:relative;padding:0 3rem 0 0;font-size:2rem;font-weight:var(--font-weight-medium);color:var(--white100);line-height:2.8rem;letter-spacing:-0.02em;box-sizing:border-box;}
.value-acc-box .value-con .acc-view-box .acc-title::after{content:'';position:absolute;top:50%;right:0;width:2.4rem;height:2.4rem;background:url(/_res/service/bcci/img/about-us/ico-about-acc-arrow-down@2x.png)no-repeat 0 0/100%;transition:0.5s ease;transform:translateY(-50%);}
.value-acc-box .value-con.active .acc-view-box .acc-title{font-size:2.8rem;line-height:3.4rem;letter-spacing:-0.04em;}
.value-acc-box .value-con.active .acc-view-box .acc-title::after{transform:translateY(-50%) rotate(180deg);}
.value-acc-box .value-con .acc-detail-box{display:none;}
.value-acc-box .value-con.active .acc-detail-box{display:block;}
.value-acc-box .value-con .acc-detail-box .acc-detail{padding:2.8rem 0 0;font-size:2rem;color:var(--color48);line-height:1.4;}

/* Competency */
.compet-box{display:flex;padding:4rem 0 0;}
.compet-box .compet-con{display:flex;flex:1;border-radius:8px;box-sizing:border-box;overflow:hidden;}
.compet-box .compet-con.active{flex:4}
.compet-box .compet-con:nth-of-type(1){background-color:var(--color04)}
.compet-box .compet-con:nth-of-type(2){background-color:var(--color46)}
.compet-box .compet-con:nth-of-type(3){background-color:var(--color45)}
.compet-box .compet-con .compet-view-box{position:relative;padding:2.8rem;min-width:13rem;transition:0.8s ease;}
.compet-box .compet-con .compet-view-box::after{content:'';position:absolute;top:2.8rem;right:2.8rem;width:2.4rem;height:2.4rem;background:url(/_res/service/bcci/img/about-us/ico-about-acc-arrow-right@2x.png) no-repeat 0 0/100%;}
.compet-box .compet-con.active .compet-view-box{padding:2.4rem;min-width:21.2rem;}
.compet-box .compet-con.active .compet-view-box::after{display:none;}
.compet-box .compet-con.active:nth-of-type(1) .compet-view-box{background:url(/_res/service/bcci/img/about-us/img-about-m-v-research01.png) no-repeat 0 0/cover;}
.compet-box .compet-con.active:nth-of-type(2) .compet-view-box{background:url(/_res/service/bcci/img/about-us/img-about-m-v-research02.png) no-repeat 0 0/cover;}
.compet-box .compet-con.active:nth-of-type(3) .compet-view-box{background:url(/_res/service/bcci/img/about-us/img-about-m-v-research03.png) no-repeat 0 0/cover;}
.compet-box .compet-con .compet-view-box .num-box{display:flex;justify-content:center;align-items:center;margin:0 0 2.4rem;width:5rem;height:5rem;border-radius:50%;background-color:var(--color13);font-size:1.6rem;font-weight:var(--font-weight-semibold);color:var(--color04);line-height:1.4;letter-spacing:-0.04em;}
.compet-box .compet-con.active .compet-view-box .num-box{display:none;}
.compet-box .compet-con .compet-view-box .title{font-size:1.6rem;color:var(--white100);line-height:1.4;letter-spacing:-0.04em;transition:0.3s ease;}
.compet-box .compet-con.active .compet-view-box .title{display:inline-flex;padding:1.4rem 2.4rem;border-radius:10.2rem;background-color:var(--color14);}
.compet-box .compet-con .compet-detail-box{display:none;padding:3.2rem;}
.compet-box .compet-con.active .compet-detail-box{display:block;position:relative;transition:0.3s ease;}
.compet-box .compet-con.active .compet-detail-box::after{content:'';position:absolute;top:3.2rem;right:3.2rem;width:2.4rem;height:2.4rem;background:url(/_res/service/bcci/img/about-us/ico-about-acc-arrow-right@2x.png) no-repeat 0 0/100%;transform:rotate(-180deg);}
.compet-box .compet-con .compet-detail-box .txt01{padding:0 3rem 0 0;font-size:2.4rem;font-weight:var(--font-weight-semibold);color:var(--white100);line-height:1.2;letter-spacing:-0.02em;box-sizing:border-box;}
.compet-box .compet-con .compet-detail-box .txt02{padding:3.2rem 0 1.6rem;font-size:1.6rem;color:var(--white100);line-height:1.4;letter-spacing:-0.02em;}
.compet-box .compet-con .compet-detail-box .txt03{padding:0 0 1.6rem;font-size:1.6rem;color:var(--color51);line-height:1.4;letter-spacing:-0.02em;}
.compet-box .compet-con .compet-detail-box .txt04{font-size:1.4rem;font-weight:var(--font-weight-semibold);color:var(--color07);line-height:1.4;letter-spacing:-0.02em;}
.compet-box .compet-con .compet-detail-box .compet-list{display:flex;flex-direction:column;gap:1.2rem;padding:2.4rem 0 0;}
.compet-box .compet-con .compet-detail-box .compet-list > li{position:relative;padding:0 0 0 2.4rem;font-size:1.6rem;color:var(--white100);line-height:1.4;letter-spacing:-0.02em;}
.compet-box .compet-con .compet-detail-box .compet-list > li::before{content:'';position:absolute;top:8px;left:8px;width:3px;height:3px;border-radius:50%;background-color:var(--white100);}
.compet-box .compet-con .compet-detail-box .compet-list > li span{display:block;padding:2px 0 0;font-size:1.6rem;color:var(--color35);line-height:1.4;letter-spacing:-0.02em;}

/* Research */
.research-tab-wrap .tab-wrap .tab-box .tab-ul{display:inline-flex;border:1px solid var(--color04);box-sizing:border-box;}
.research-tab-wrap .tab-wrap .tab-box .tab-ul > li{border-right:1px solid var(--color04);}
.research-tab-wrap .tab-wrap .tab-box .tab-ul > li:last-of-type{border:none;}
.research-tab-wrap .tab-wrap .tab-box .tab-ul > li > a{display:block;padding:1.5rem 2.4rem;font-size:1.6rem;color:var(--color04);line-height:1.2;letter-spacing:-0.04em;}
.research-tab-wrap .tab-wrap .tab-box .tab-ul > li.active > a{background-color:var(--color47);color:var(--white100);}
.research-tab-wrap .tab-con-box{padding:4rem;background:url(/_res/service/bcci/img/about-us/bg-convergence01.png) no-repeat 0 0/cover;box-sizing:border-box;}
.research-tab-wrap .tab-con-box > li{display:none;}
.research-tab-wrap .tab-con-box > li.active{display:block;}
.research-tab-wrap .tab-con-box > li .title{display:flex;gap:8px;align-items:flex-end;padding:0 0 1.2rem;font-size:2.8rem;font-weight:var(--font-weight-medium);color:var(--white100);line-height:1.2;letter-spacing:-0.04em;}
.research-tab-wrap .tab-con-box > li .title span{padding:0 0 3px;font-size:1.4rem;color:var(--color53);letter-spacing:-0.02em;}
.research-tab-wrap .tab-con-box > li .txt01{padding:0 0 2.8rem;font-size:2rem;color:var(--color48);line-height:1.4;letter-spacing:-0.02em;}
.research-tab-wrap .tab-con-box > li > ul{display:flex;gap:1.6rem;}
.research-tab-wrap .tab-con-box > li > ul > li{width:calc(100% / 3 - 1.2rem);background:rgba(255, 255, 255, 0.1);backdrop-filter:blur(1.5rem);border:1px solid;border-image-source: linear-gradient(125.67deg,var(--white40) 0%,rgba(0, 0, 0, 0) 30%,rgba(0, 0, 0, 0) 75%,var(--white40) 100%);border-image-slice:1;box-sizing:border-box;}
.research-tab-wrap .tab-con-box > li > ul > li > a{display:block;padding:2.4rem;box-sizing:border-box;}
.research-tab-wrap .tab-con-box > li > ul > li > a > span{display:inline-block;margin:0 0 8px;padding:4px 1.2rem;border-radius:4rem;background-color:var(--color25);font-size:1.6rem;color:var(--white100);line-height:1.4;letter-spacing:-0.04em;box-sizing:border-box;}
.research-tab-wrap .tab-con-box > li > ul > li > a > p{padding:0 0 1.8rem;font-size:2rem;color:var(--white100);line-height:1.4;letter-spacing:-0.02em;}
.research-tab-wrap .tab-con-box > li > ul > li > a > ul > li{position:relative;padding:0 0 4px;font-size:1.6rem;color:var(--color23);line-height:1.4;letter-spacing:-0.02em;text-indent:1rem}
.research-tab-wrap .tab-con-box > li > ul > li > a > ul > li:last-of-type{padding:0;}
.research-tab-wrap .tab-con-box > li > ul > li > a > ul > li::after{content:'';position:absolute;top:8px;left:0;width:3px;height:3px;border-radius:50%;background-color:var(--white100);}

/* process */
.process-box{display:flex;align-items:flex-end;gap:2.4rem;}
.process-box .year-box{width:10rem;}
.process-box .year-box ul{display:flex;flex-direction:column;gap:1.6rem;}
.process-box .year-box ul li{}
.process-box .year-box ul li a{display:block;font-size:1.6rem;color:var(--color28);line-height:1.4;letter-spacing:-0.02em;opacity:0.5;}
.process-box .year-box ul li.active a{display:flex;align-items:center;gap:1.2rem;padding:0 0 0 2px;font-size:2.4rem;opacity:1;}
.process-box .year-box ul li.active a::before{content:'';width:0.9rem;height:1rem;background:url(/_res/service/bcci/img/about-us/ico-bcci-process-year-arrow@2x.png)no-repeat 0 0/100%;}
.process-box .process-con{display:none}
.process-box .process-con.active{display:flex;align-items:flex-end;gap:2.4rem;width:calc(100% - 10rem);}
.process-box .process-con .img-box{flex-shrink:0;aspect-ratio:304/402;}
.process-box .process-con .txt-box{}
.process-box .process-con .txt-box > ul{display:flex;flex-direction:column;gap:1.6rem;}
.process-box .process-con .txt-box > ul > li{}
.process-box .process-con .txt-box > ul > li .txt01{display:inline-block;position:relative;padding:0 0 8px;font-size:2.4rem;font-weight:var(--font-weight-semibold);color:var(--color15);line-height:1.2;letter-spacing:-0.02em;}
.process-box .process-con .txt-box > ul > li .txt01::after{content:'';position:absolute;top:0;right:-6px;z-index:-1;width:1.6rem;height:1.6rem;border-radius:50%;background-color:var(--color16);opacity:0.3;}
.process-box .process-con .txt-box > ul > li .txt02{font-size:1.6rem;color:var(--color15);line-height:1.4;letter-spacing:-0.02em;opacity:0.7;}
.process-box .process-con .txt-box > ul > li .procecc-list{}
.process-box .process-con .txt-box > ul > li .procecc-list li{position:relative;padding:0 0 0 2rem;font-size:1.6rem;color:var(--color15);line-height:1.4;letter-spacing:-0.02em;opacity:0.7;}
.process-box .process-con .txt-box > ul > li .procecc-list li::before{content:'';position:absolute;top:1rem;left:8px;width:3px;height:3px;border-radius:50%;background-color:var(--color15);}

@media screen and (max-width:1024.98px){
	/* BCCI Value */
	.value-acc-box .value-con{padding:2.4rem;}
	.value-acc-box .value-con.active{padding:2.4rem;}
	.value-acc-box .value-con .acc-view-box .acc-title{font-size:1.6rem;line-height:1.4;}
	.value-acc-box .value-con.active .acc-view-box .acc-title{font-size:2.4rem;line-height:1.4;}
	.value-acc-box .value-con .acc-detail-box .acc-detail{padding:2rem 0 0;}

	/* Competency */
	.compet-box{flex-direction:column;gap:8px;padding:3.2rem 0 0;}
	.compet-box .compet-con{flex-direction:column;flex:unset;padding:2.8rem;}
	.compet-box .compet-con.active{flex:unset;padding:2.4rem;}
	.compet-box .compet-con .compet-view-box{padding:0;width:100%;height:auto;box-sizing:border-box;transition:none;}
	.compet-box .compet-con .compet-view-box::after{top:0;right:0;transform:rotate(90deg)}
	.compet-box .compet-con.active .compet-view-box{margin:0 auto;min-width:unset;max-width:28.7rem;height:32.6rem;}
	.compet-box .compet-con.active .compet-view-box .title{padding:7.5px 1.6rem;font-size:1.4rem;line-height:1.2;}
	.compet-box .compet-con.active:nth-of-type(1) .compet-view-box{background:url(/_res/service/bcci/img/about-us/img-about-m-v-research01.png) no-repeat center center/cover;}
	.compet-box .compet-con.active:nth-of-type(2) .compet-view-box{background:url(/_res/service/bcci/img/about-us/img-about-m-v-research02.png) no-repeat 0 0/cover;}
	.compet-box .compet-con.active:nth-of-type(3) .compet-view-box{background:url(/_res/service/bcci/img/about-us/img-about-m-v-research03.png) no-repeat 0 0/cover;}
	.compet-box .compet-con .compet-detail-box{padding:2.4rem 0 0;}
	.compet-box .compet-con.active .compet-detail-box::after{top:2.4rem;right:0;transform:rotate(-90deg);}
	.compet-box .compet-con .compet-detail-box .txt02{padding:2.4rem 0 1.6rem;}
	.compet-box .compet-con .compet-detail-box .txt03{font-size:1.4rem;}
	.compet-box .compet-con .compet-detail-box .compet-list{gap:1rem;}

	/* Research */
	.research-tab-wrap .tab-wrap .tab-box .tab-ul{display:flex;}
	.research-tab-wrap .tab-wrap .tab-box .tab-ul > li{flex:1;}
	.research-tab-wrap .tab-wrap .tab-box .tab-ul > li > a{padding:1.2rem;text-align:center;}
	.research-tab-wrap .tab-con-box{padding:2.4rem;}
	.research-tab-wrap .tab-con-box > li .title{flex-direction:column;gap:4px;align-items:flex-start;padding:0 0 1.6rem;font-size:2.4rem;font-weight:var(--font-weight-semibold);ite100);line-height:1.4;}
	.research-tab-wrap .tab-con-box > li .title span{padding:0;line-height:1.3;}
	.research-tab-wrap .tab-con-box > li .txt01{padding:0 0 2rem;font-size:1.6rem}
	.research-tab-wrap .tab-con-box > li > ul{flex-direction:column;gap:1.2rem;}
	.research-tab-wrap .tab-con-box > li > ul > li{width:100%;}
	.research-tab-wrap .tab-con-box > li > ul > li > a{padding:2rem;}
	.research-tab-wrap .tab-con-box > li > ul > li > a > span{padding:3px 1rem;font-size:1.2rem;letter-spacing:-0.02em;}
	.research-tab-wrap .tab-con-box > li > ul > li > a > p{font-size:1.6rem;letter-spacing:-0.04em;}
	.research-tab-wrap .tab-con-box > li > ul > li > a > ul > li{font-size:1.4rem;}
	.research-tab-wrap .tab-con-box > li > ul > li > a > ul > li:last-of-type{padding:0;}

	/* process */
	.process-box{flex-direction:column;align-items:flex-start;gap:2.6rem;}
	.process-box .year-box{width:100%;}
	.process-box .year-box ul{flex-wrap:wrap;align-items:flex-end;flex-direction:row;}
	.process-box .year-box ul li a{padding:0 0 6px;}
	.process-box .year-box ul li.active a{flex-direction:column;gap:3px;padding:0;}
	.process-box .year-box ul li.active a::before{transform:rotate(90deg);}
	.process-box .process-con{display:none}
	.process-box .process-con.active{flex-direction:column;align-items:flex-start;width:100%;}
	.process-box .process-con .img-box{width:100%;}
	.process-box .process-con .txt-box > ul{gap:1.2rem;}	
}