@charset "utf-8";

/*
* File       : sub-set.css
* Author     : B-WORKER
*      
 * SUMMARY:
 * 1) SUB VISUAL
 * 2) SUB LNB
*/

/* Sub title  */
.sub-content .title-eng {display: block; margin-bottom: 28rem; font-size:var(--font-size-18); font-weight: 600;}
.page-title {margin-bottom: 30rem; font-size:var(--font-size-54); font-weight: 700;}

@media all and (max-width:1023px){
	.page-title {margin-bottom: 20rem;}
}

@media (max-width: 540px){
	.sub-content .title-eng {margin-bottom: 12rem;}
}

/* SUB VISUAL */
#sub-visual{display: none; position:relative;height:620rem; text-align: center;}
#sub-visual .wrap-narrow {height: 100%;}
#sub-visual h2{margin-bottom: 0 !important; text-transform: uppercase;}

.sub-visual__bg{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;overflow: hidden;}
.sub-visual__bg > i{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:50% 50%;transition:var(--trans-01);background-repeat:no-repeat;opacity: 1 !important;}
.sub-visual__inner{position: relative; align-items: center; justify-content: center; height: 100%; padding-top: 80rem;}

body.sub01_01 #sub-visual{display: block;}
body[class^="sub01_"] .sub-visual__bg > i{background-image:url(../img/sub/sub-visual01.jpg);}

/* board visual set */
/* 생성한 게시판 테이블 명 입력 */
body:is(.notice, .gallery) .sub-visual__bg > i{background-image:url(../img/sub/sub-visual-06.jpg);}

/* sub nav */
#sub-nav{display: flex; align-items: center; margin-top: 20rem;}
#sub-nav > *{position: relative;}
#sub-nav > *:last-child::after{display: none;}
#sub-nav .sub-home{display: block;width: 16rem;height: 16rem;background:url(../img/common/ic-nav-home_w.svg) no-repeat center / contain;}
#sub-nav span{font-weight: 600; display: block; text-transform: uppercase;}
#sub-nav > i{opacity: .2; display:block; width:16rem; height:2rem; margin:0rem 8rem; background-color:var(--f-01); transform: rotate(120deg);}
#sub-nav:has(.depth02:empty) .depth01::after{display: none;}

@media all and (max-width:1023px){
	#sub-visual{height:450rem;}	
	.sub-visual__inner {padding-top: 40rem;}

	#lnb.lnb-select .select-link__btn{font-size:18rem;}
	#lnb{top:420rem;}
}

@media (max-width: 540px){
	#sub-visual{height:250rem;}
	.sub-visual__inner {padding-top: 30rem;}

	#sub-nav {margin-top: 13rem;}
	#sub-nav .sub-home {width: 12rem; height: 12rem;}
	#sub-nav > i {opacity: .3; width: 13rem; height: 1px; margin: 0 4rem;}
	#sub-nav span{font-size:13rem;}
}