@charset "utf-8";


/* **************************************** *
 * SUB layout
 * 서브단에서만 달라지는 header, footer 정의
 * **************************************** */
#container:has(.board-page) + #footer{margin-top:200rem;}

#header #logo a {background-image: url(../img/layout/logo.svg);}
#header #gnb .gnb-item > a {color: var(--b-01);}
#header .lang-menu__icon {background-image: url(../img/common/ic-lang.svg);}
#header:has(#site-map.active) #logo a {background-image: url(../img/layout/logo_w.svg);}
#header:has(#site-map.active) .gnb-full-icon > span {background: var(--white);}
.gnb-full-icon > span {background:var(--b-01)}
 
#header:is(.color-on) #logo a {background-image: url(../img/layout/logo_w2.svg);}
#header:is(.color-on) .lang-menu__icon{background-image:url(../img/common/ic-lang_w.svg);}
#header:is(.color-on) .gnb-mobile-btn span {background: var(--white);}

#footer{margin-top: max(10.4167vw, 200rem);}

@media (max-width:1200px){

}
@media all and (max-width:1023px){
	#container:has(.board-page) + #footer{margin-top:160rem;}
}

@media (max-width: 540px){
	#container:has(.board-page) + #footer{margin-top:80rem;}
}

/* **************************************** *
 * SUB common
 * **************************************** */
.sub-content{position:relative; min-height: 500rem;}
.sub-content:has(.board-page){}

.sub-page__dec {position: absolute; left: 0; top: 0; width: 100%; padding-top: max(8.8542vw, 170rem); text-align: center;}
.sub-page__dec::before {opacity: .08; filter: grayscale(1); -webkit-filter: grayscale(1); position: relative; content:''; display: block; width: 618rem; aspect-ratio: 1/1; margin: 0 auto; background: url(../img/layout/symbol.svg) no-repeat center / contain;}
.sub-page__dec::after {position: absolute; left:0; bottom:0; content:''; width: 100%; height:50%; background: linear-gradient(180deg,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);}

h3 {font-size: var(--font-62);}
h4 {font-size: var(--font-40);}
h5 {font-size: var(--font-30);}
h6 {font-size: var(--font-28);}

strong {font-size: var(--font-20); font-weight: 600;}

#sub-visual {padding: max(14.0625vw, 270rem) 0 max(7.2917vw, 140rem); text-align: center;}
#sub-visual h2 {font-size: var(--font-68); letter-spacing: -1px;}
#container:has(.board-page) #sub-visual {padding-bottom: max(5.2083vw, 100rem);}
#container:has(#bo_v) #sub-visual {padding-bottom: 0;}
#container:has(#bo_v) #sub-visual h2 {display: none;}
#sub-nav {display: flex; gap: 0 12rem; justify-content: center; align-items: center; margin-bottom: 30rem; color: var(--b-03);}
#sub-nav .sub-home {opacity: .2; width: 17rem; height: 17rem; background: url(../img/common/ic-nav-home.svg) no-repeat center / contain;}
#sub-nav i {width: 10rem; height: 10rem; margin-top: -3rem; background: url(../img/common/ic-nav-arrow.svg) no-repeat center / contain;}

.section-title {display: inline-flex; font-size: var(--font-27); font-weight: 600;}
.section-title::before {content:''; display: block; width: 13rem; height: 13rem; margin-right: 13rem; border: 4rem solid var(--point-color); border-radius: 100%;}

@media (max-width:1200px){

}

@media all and (max-width:1023px){
	.sub-page__dec {padding-top: 120rem;}
	#sub-visual {padding: 220rem 0 100rem;}
	#sub-nav {margin-bottom: 25rem;}
}

@media (max-width: 860px){
}

@media (max-width: 540px){
	.sub-page__dec {padding-top: 80rem;}
	.sub-page__dec::before {width: 77%;}
	
	#sub-nav {gap: 0 10rem; margin-bottom: 15rem;}
	#sub-nav .sub-home {width: 14rem; height: 14rem;}
	#sub-nav span {font-size: 13rem;}
	#sub-nav i {width: 8rem; height: 8rem; margin-top: -1px;}

	#sub-visual {padding: 150rem 0 60rem;}
	#container:has(.board-page) #sub-visual {padding-bottom: 40rem;}

	.section-title::before {width: 9rem; height: 9rem; margin-top: 7rem; margin-right: 9rem; border-width: 3rem;}
}

/* **************************************** *
 * SITE CUSTOM
 * **************************************** */

/* 회사소개 */
@media (max-width:1200px){
	/*화면 1024에 맞춰놓고 작업*/
}
@media all and (max-width:1023px){
	/*화면 768에 맞춰놓고 작업*/
}

@media (max-width: 540px){
	
}

/* 오시는길 */
@media (max-width:1200px){
	/*화면 1024에 맞춰놓고 작업*/
}
@media all and (max-width:1023px){
	/*화면 768에 맞춰놓고 작업*/
}

@media (max-width: 540px){
	
}