@charset "UTF-8";

.lnb-box{padding:0 0 5rem;}
.lnb-box .lnb-menu > li{border-bottom:1px solid var(--color10);}
.lnb-box .lnb-menu > li > a{display:block;position:relative;padding:1.7rem 0;font-size:2.2rem;font-weight:var(--font-weight-bold);color:var(--black100);line-height:2.8rem;}
.lnb-box .lnb-menu > li.collapse > a:before{content:'';display:block;position:absolute;top:50%;right:5px;width:2px;height:1.2rem;background:var(--black100);transform:translateY(-50%);}
.lnb-box .lnb-menu > li.collapse > a:after{content:'';display:block;position:absolute;top:50%;right:0;width:1.2rem;height:2px;background:var(--black100);transform:translateY(-50%);}
.lnb-box .lnb-menu > li.on > a:before{display:none;}
.lnb-box .lnb-menu > li.on > a:after{right:-2rem;}
.lnb-box .lnb-menu > li.on > .depth03{display:block;}
.lnb-box .depth03{display:none;}
.lnb-box .depth03 li:first-of-type{border-top:2px solid var(--color06);}
.lnb-box .depth03 li:first-of-type:has(.active){border-top:none;}
.lnb-box .depth03 li a{display:block;position:relative;padding:1.1rem 2.5rem 1.1rem 0;border-bottom:1px solid var(--color10);}
.lnb-box .depth03 li a[target="_blank"]{background:url(../../_share/img/sj-common/ico-home02%402x.png) no-repeat center right/1.8rem;}

.lnb-box .depth03 li a[target="_blank"]:hover{background-image:url(../../_share/img/sj-common/ico-home03%402x.png);}
.lnb-box .depth03 li a.active{padding:1.6rem 2.5rem 1.6rem 0;border-bottom:none;}
.lnb-box .depth03 li a.active::before{content:'';position:absolute;top:50%;left:50%;width:calc(100% + 4.8rem);height:calc(100% + 2px);border:1px solid var(--color01);border-radius:1rem;background:var(--white100);transform:translate(-50%,-50%);box-shadow:0px 13px 8px 0px rgba(0, 0, 0, 0.08);}
.lnb-box .depth03 li a.active::after{content:'';position:absolute;top:50%;right:0;width:2rem;height:2rem;border-radius:50%;background:var(--color01) url(../img/common/ico-organ-lnb-arrow%402x.png) no-repeat center left 8px/5px 8px;transform:translateY(-50%);}
.lnb-box .depth03 li a span{display:inline-block;position:relative;font-size:1.6rem;font-weight:var(--font-weight-semibold);color:var(--color06);line-height:2.2rem;transition:0.3s ease;}
.lnb-box .depth03 li a.active span,
.lnb-box .depth03 li a:hover span{color:var(--color01);}
.lnb-box .depth03 li a[href^="#none"]{pointer-events:none;}
.lnb-box .depth03 li a[href^="#none"] span{color:var(--color40);}

@media screen and (max-width:1500px){
	.lnb-box .depth03 li a{padding:1.1rem 4.5rem 1.1rem 1.5rem;}
	.lnb-box .depth03 li a.active{padding:1.6rem 4.5rem 1.6rem 1.5rem;}
	.lnb-box .depth03 li a.active::before{width:100%;box-sizing:border-box;}
	.lnb-box .depth03 li a.active::after{right:2rem;}
}
@media screen and (max-width:1024.98px){
	.lnb-menu{max-height:30rem;overflow-y:auto;}
	.lnb-menu::-webkit-scrollbar{width:2px;height:5px;} 
	.lnb-menu::-webkit-scrollbar-thumb{background-color:var(--color03);border-radius:10px;}
	.lnb-menu::-webkit-scrollbar-thumb:hover{background-color:var(--color03);}
	.lnb-menu::-webkit-scrollbar-track{background-color:var(--color28);}
	
	.lnb-box{margin:0 0 4rem;padding:0;}
	.m-lnb-box{position:relative;text-align:center;}
	.m-lnb-box label{position:relative;display:block;padding:1rem;background:var(--color01);font-size:1.6rem;line-height:2.4rem;;color:var(--white100);}
	.m-lnb-box label:after{content:'';display:inline-block;position:absolute;top:calc(50% - 2px);right:1.1rem;width:8px;height:8px;border-right:1px solid var(--white100);border-bottom:1px solid var(--white100);transform:translateY(-50%) rotate(45deg);transition:transform .3s;}	
	.lnb-sel{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;}
	.lnb-sel option{font-size:1.6rem;}
}