
/* PC 전용 GNB 스타일 */
#pc_gnb_wrapper {
	position: relative;
	width: 100%;
	background: #fff;
}

.gnb-container {
	display: flex;
	align-items: center;
	max-width: 100%;
	margin: 0 auto;
	height: 100px;
}

.gnb-logo {
	flex: 0 0 250px; /* 로고 영역 너비 */
	padding: 0 20px;
}

.gnb-logo img {
	max-height: 60px;
}

.gnb-main-menu {
	display: flex;
	flex: 1;
	list-style: none;
	margin: 0;
	padding: 0;
	height: 100%;
}

.gnb-main-menu li {
	flex: 1;
	text-align: center;
}

.gnb-main-menu li a {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	color: #333;
	font-size: 20px;
	font-weight: bold;
	text-decoration: none;
}

/* (수정됨) 2Depth 메가 드롭다운 스타일 */
.mega-dropdown {
	display: none; /* jQuery가 제어하므로 기본 숨김 */
	position: absolute;
	top: 100px;
	left: 0;
	width: 100%;

	/* 반투명 배경 및 블러 효과 (마스터피스 디테일) */
	background-color: rgba(227, 226, 224, 0.5); /* 50% 불투명도 */
	backdrop-filter: blur(8px); /* 뒤쪽 배경을 흐리게 처리 (최신 브라우저 지원) */
	-webkit-backdrop-filter: blur(8px);

	border-bottom: 1px solid #ddd;
	box-shadow: 0 10px 15px rgba(0,0,0,0.05);
	z-index: 999;
	padding: 30px 0;
	border-radius:0 0 50px 50px;
}


/* (수정됨) 메가 컨테이너 정렬 */
.mega-container {
	display: flex;
	max-width: 100%;
	margin: 0 auto;
	padding-left: 20px; /* .gnb-logo의 padding과 동일하게 주어 로고 텍스트 시작점과 완벽히 맞춤 */
}

/* 나머지 .mega-columns, .mega-col 등은 이전과 동일하게 유지 */



.mega-spacer {
	flex: 0 0 250px; /* 메인 메뉴의 로고 영역과 동일한 여백 확보 */
}

.mega-columns {
	display: flex;
	flex: 1;
}

.mega-col {
	flex: 1;
	padding: 0 15px;
	border-right: 1px solid #dcdcdc; /* 세로 구분선 */
	text-align: center;
}

.mega-col:last-child {
	border-right: none;
}

.mega-title {
	font-size: 20px;
	font-weight: bold;
	color: #f7941c; /* 진한 오렌지색 타이틀 */
	margin-bottom: 15px;
}

.mega-col a {
	display: block;
	color: #333;
	font-size: 14px;
	text-decoration: none;
	margin-bottom: 10px;
	line-height: 1.4;
}

.mega-col a:hover {
	color: #f7941c;
	font-weight: bold;
}

/* 기존 CSS 충돌 방지 및 여백 조정 */
@media screen and (min-width: 768px){
	#top_space { height: 100px; } /* PC 화면 고정 높이 조정 */
}