@charset "UTF-8";

/*-------------------------------------------------
	title 		: New Main Layout CSS
	Author 		: (주)지플러스
	Create date : 2024-09
-------------------------------------------------*/

/* -------------- header */
#wrap[class^=scroll] #header {
	position: relative;
}

#wrap.scroll-down #header .header-in {
	transform: translateY(-100%);
}

#wrap[class^=scroll] #header .header-in {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background-color: #FFFFFF;
	z-index: 100;
	transition: transform ease .4s .01s;
}

#header .header-in {
	position: relative;
	transform: translateY(0);
}

#header .head-body .etc {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	height: 5rem;
	padding: 0 2rem;
	border-bottom: 1px solid #E8E8E8;
}

#header .etc .log > * {
	display: inline-block;
	vertical-align: middle;
	font-size: 1.4rem;
	color: #767676;
}


#header .head-body .inner {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-direction: column;
	width: 100%;
	padding: 2rem;
}

#header .head-body .head-in {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-direction: row;
	width: 100%;
}

#header .head-body .logo {
	display: inline-flex;
}

#header .head-body .logo a {
	display: inline-flex;
	align-items: center;
	justify-content: flex-start;
	flex-direction: row;
	gap: 3.2rem;
}

#header .head-body .logo a img {
	height: 2.8rem;
}

#header .head-gnb {
	display: none;
}

#header .head-gnb ul > li > a {
	position: relative;
	display: block;
	padding: 0 4rem;
	font-family: "semiBold";
	font-size: 2rem;
	color: #333333;
	letter-spacing: -.1px;
}

#header .head-body .right {
	display: inline-flex;
	margin-left: auto;
}

#header .btn-all-menu {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 4.2rem;
	height: 4.2rem;
	background-color: #0F6BE2;
	border-radius: 100%;
	font-size: 2rem;
	color: #FFFFFF;
}

/* -------------- Responsive */
@media (min-width: 1024px) {
	#header .head-body .head-in {
		justify-content: space-between;
	}
	
	#header .head-gnb {
		display: block;
	}
	
	#header .head-gnb ul {
		display: flex;
		align-items: center;
		flex-direction: row;
	}
	
	#header .head-body .right {
		margin-left: 0;
	}
	
	#gnb1 > ul > li .submenu {
		background: linear-gradient(180deg, #FFFFFF 0%, #F2F8FF 100%);
		box-shadow: 0px 5px 6px rgba(0, 0, 0, .16);
		border-radius: 0px 0px 22px 22px;
	}
}