.wrapper { margin:0 auto;max-width:2560px;}
.inner { margin:0 auto;position: relative; max-width: 1240px;}


@media (max-width: 1240px){
.inner { padding-right:16px;padding-left:16px;}
}

/**서브 레이아웃 **/
.sub_wrap {padding-bottom:11.25rem;}
.sub_title {padding-top:9.375rem; padding-bottom:6.25rem; background: url("/assets/images/sub/sub_symbol.svg") no-repeat top -3.375rem right 9.875rem; text-align: center;}
.sub_title h3 {font-size: 3.375rem; font-weight: 600; line-height: 130%; text-align: center; letter-spacing: -2.16px;}

@media (max-width: 1024px){
.sub_title {background-position: top -3.375rem right 2rem; }
}
@media (max-width: 640px){
.sub_title {padding:6rem 0; background-size: 60%;}
.sub_title h3 {font-size: 2.5rem; }
}




/* 비주얼 */
.sub_visual {overflow: hidden; position: relative; height:31.25rem; background-repeat: no-repeat; background-size: contain; background-size: cover; } 
.sub_visual .visual { display: flex; align-items: center; justify-content: center;  overflow: hidden; position: relative; width:100%; height: 100%; } 
.sub_visual .visual:before { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; animation: visualScale 1s linear; content: "" } 
.sub_visual .visual.visual-0:before { background-image: url('/assets/images/sub/bg_introduce.png'); } 
.sub_visual .visual.visual-1:before { background-image: url('/assets/images/sub/bg_issue.png'); } 
.sub_visual .visual.visual-2:before { background-image: url('/assets/images/sub/bg_consulting.png'); } 
.sub_visual .visual.visual-3:before { background-image: url('/assets/images/sub/bg_lab.png'); } 
.sub_visual .visual.visual-4:before { background-image: url('/assets/images/sub/bg_introduce.png'); } 
.sub_visual .visual.visual-5:before { background-image: url('/assets/images/sub/bg_introduce.png'); } 

.sub_visual .visual h2 {position: relative; z-index: 1; font-size: 3rem; font-weight: 700;
line-height: 130%; color: #FFF; text-align: center; letter-spacing: -1.92px;} 

@media (max-width: 640px){
.sub_visual {height:24rem;} 
.sub_visual .visual h2 {font-size: 2.5rem;}
}


@keyframes visualScale { 
 0% { opacity: 0; -webkit-transform: scale(1.12); transform: scale(1.12) } 
 75% { opacity: 1 } 
 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1) } 
}


/* 서브메뉴 (LNB) */
.sub_lnb { display:flex; align-items: center; justify-content:center; margin-top:-5.125rem; position: relative; z-index: 2; height:5.125rem; } 

.sub_lnb .lnb_box { display: flex; align-items: center; position: relative; height:100%; background: url("/assets/images/sub/ico_line.svg") no-repeat center right; }
.sub_lnb .lnb_box:last-child {background: none;}
.sub_lnb .lnb_box.home {width:5.5rem; }
.sub_lnb .lnb_box.home a { display: flex; align-items: center; justify-content: center;width:100%;}
.sub_lnb .lnb_box button { display: flex; gap:1rem; align-items: center; justify-content: space-between;padding:0 2.125rem; min-width:212px; height:100%;font-size: 1.125rem; font-weight: 600; line-height: 130%; color:#fff; text-align: left; letter-spacing: -0.72px; }

.sub_lnb .lnb_box button::after {transition: all 0.3s; content: url("/assets/images/sub/ico_lnb.svg");}
.sub_lnb .lnb_box.active button::after {transform: rotate(180deg);}


.sub_lnb .lnb_box ul { display:none; border:0.0625rem solid #ddd; border-top:0; position:absolute; top:80%; right:0; left:0; z-index:99; background:#fff; border-radius: 20px; overflow: hidden; } 
.sub_lnb .lnb_box.active ul {display: block;}
.sub_lnb .lnb_box.active ul li {border-top:0.0625rem solid #ddd}
.sub_lnb .lnb_box.active ul li a { display:block; padding:1rem 1.2rem; background:#fff; font-weight: 500; transition:background 300ms;} 
.sub_lnb .lnb_box.active ul li a:hover {background-color: #fafafa;}


@media (max-width: 640px){
.sub_lnb {padding:0 16px;}
.sub_lnb .lnb_box {flex:1;}
.sub_lnb .lnb_box.home { flex:unset;}
.sub_lnb .lnb_box.one_depth {display: none;}
.sub_lnb .lnb_box button { min-width:100%; }

}