@charset "utf-8";

.header-wrap{position:fixed;top:0;left:0;z-index:200;width:100%;}

.logo-wrap{background:var(--black100);}
.logo{margin:0 auto;padding:2.1rem 2rem;max-width:108.8rem;}
.logo a{display:block;max-width:15.65rem;font-size:0;line-height:1;}

/* 임시 */
.gnb{position:relative;border:1px solid var(--color17);border-left:0;border-right:0;}
.gnb-ul{display:flex;position:relative;margin:0 auto;max-width:108.8rem;}
.gnb-ul:before{content:'';display:block;position:absolute;top:0;left:50%;width:100vw;height:100%;background:linear-gradient(360deg, var(--white40) -18%, var(--black20) 64.65%);transform:translateX(-50%);backdrop-filter:blur(1.6rem);}
.gnb-ul li{position:relative;}
.gnb-ul li a{display:block;padding:8px 1.2rem;font-size:1.6rem;line-height:2.2rem;color:var(--white100);letter-spacing:-0.04em;}
.gnb-ul li a span{display:block;}
.gnb-ul > li{border-right:1px solid var(--color17);width:100%;max-width:24.2rem;box-sizing:border-box;}
.gnb-ul > li:nth-of-type(1){border-left:1px solid var(--color17);}
.gnb-ul > li:nth-of-type(4),
.gnb-ul > li:nth-of-type(5){max-width:18.1rem;}
.gnb-ul .gnb-inner{display:none;position:absolute;top:100%;left:0;z-index:20;padding:8px 0;width:100%;}
.gnb-bg{display:none;content:'';position:absolute;top:calc(100% + 1px);left:50%;z-index:10;width:100vw;height:60.8rem;background:linear-gradient(0deg, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), linear-gradient(360deg, rgba(255, 255, 255, 0.1) 0%, rgba(0, 0, 0, 0.1) 93.33%);transform:translateX(-50%);}

.gnb-ul .sub-mn li a.active{background:var(--white12);}
.gnb-ul .sub-mn li a.active span{position:relative;padding:0 0 0 1.8rem;}
.gnb-ul .sub-mn li a.active span:before{content:'';display:inline-block;position:absolute;top:4px;left:0;width:1.4rem;height:1.4rem;background:url(/_res/service/bcci/img/common/ico-gnb-active01@2x.png) no-repeat center center/100%;}

.btn-menu{display:none;}
.slideMenu{display:none;}
.m-gnb-bg{display:none;}
.slide-close{display:none;}



@media screen and (max-width: 1024.98px) {
	.bottom-header-box,
	.m-gnb-logo{display:flex;align-items:center;justify-content:space-between;position:relative;padding:1.2rem 2rem;background:var(--black100);}
	.bottom-header-box:after,
	.m-gnb-logo:after{content:'';position:absolute;top:100%;left:0;z-index:10;width:100%;height:1px;background:var(--color17);opacity:0.5;}
	.logo{margin:0;padding:0;}
	.logo a{padding:7px 0;max-width:13rem;}
	.gnb-wrap{display:none;}
	
	.btn-menu{display:block;width:4rem;height:4rem;background:url(/_res/service/bcci/img/common/btn-menu@2x.png) no-repeat center center/100%;}
	/* 공통 */
	.slideMenu.left{left:-100%;}
	.slideMenu.left.on{display:block;left:0;opacity:1;visibility:visible;}
	.slideMenu.right{right:-100%;}
	.slideMenu.right.on{display:block;right:0;opacity:1;visibility:visible;}
	
	/* type depthOnSide */
	.slideMenu{display:block;position:fixed;top:0;z-index:120;width:100%;height:100%;background:var(--black100);box-sizing:border-box;opacity:0;visibility:hidden;transition:all .3s;}

	.m-gnb{position:relative;}
	.dep1{padding:1.2rem 0;width:53.866%;height:calc(100vh - 6.4rem);background:var(--black100);overflow-y:auto;box-sizing:border-box;}
	.dep1 > li > a{display:block;position:relative;padding:1.2rem 2rem;font-weight:var(--font-weight-semibold);font-size:1.6rem;line-height:2.3rem;color:var(--color02);}
	.dep1 > li.current > a,
	.dep1 > li.active > a{color:var(--white100);}
	.dep1 > li > a[target="_blank"] span:after{content:'';display:inline-block;position:relative;margin:0 0 0 5px;width:15px;height:13px;background:url(/_res/team2/_share/img/common/bg-link02-w.png) no-repeat center center/100%;}
	.dep2{display:none;position:absolute;top:0;left:53.866%;padding:1.2rem 0;width:46.134%;height:100%;background:var(--black01);overflow-y:auto;box-sizing:border-box;}
	.dep2 > li > a{display:block;position:relative;padding:1.2rem 2rem;font-size:1.6rem;line-height:2.2rem;color:var(--color10);}
	.dep2 > li.has-dep > a{padding-right:3.5rem;}
	.dep2 > li.current > a,
	.dep2 > li.active > a{color:var(--white100);}
	.dep2 > li.has-dep > a:before{content:'';position:absolute;top:50%;right:2.5rem;width:1px;height:1rem;background:var(--color10);transform:translate(50%,-50%);transition:all 0.2s;}
	.dep2 > li.has-dep > a:after{content:'';position:absolute;top:50%;right:2.5rem;width:1rem;height:1px;background:var(--color10);transform:translate(50%,-50%);}
	.dep2 > li.active > a:before{transform:translate(50%,-50%) rotate(90deg);}
	
	
	.dep3{display:none;padding:0 0 0 2rem;}
	.dep3 > li > a{display:block;position:relative;padding:1.2rem 2rem;font-size:1.6rem;line-height:2.2rem;color:var(--color10);}
	.dep3 > li.current > a,
	.dep3 > li.has-dep.active > a{color:var(--white100);}
	.dep4, .dep5{display:none;}

	.slide-close{display:none;position:fixed;top:1.2rem;right:2rem;z-index:999999;width:4rem;height:4rem;background:url(/_res/service/bcci/img/common/btn-mgnb-close@2x.png) no-repeat center center/100%;box-sizing:border-box;}
	
}