@charset "utf-8";

.gnb-box__arrow {
	position: absolute;
	/* top: 45px; */
	right: 29px;
}

.font-body-style2 {
	font-size: 20px;
	line-height: 20px;
}

.header .gnb-area-full {
	width: 100%;
}

.gnb-area-full {
	width: 100%;
	height: 64px;
	background-color: var(--color-gray-50);
	border-top: 1px solid var(--color-gray-300);
	border-bottom: 1px solid var(--color-gray-300);
}

.gnb-inner {
	width: 100%;
	max-width: var(--layout-max-width);
	margin: 0 auto;
	height: 100%;
}

.gnb-list {
	display: flex;
	align-items: center;
	height: 100%;
	justify-content: space-around;
	border-left: 1px solid var(--color-gray-300);
}

.gnb-list > li {
	border-right: 1px solid var(--color-gray-300);
	height: 100%;
	display: flex;
	width: calc(100% / 5);
	align-items: center;
	justify-content: center;
	position: relative;
}
.gnb-list li.search-item {
	width: 90px;
}

.gnb-list li.search-item.is-active {
	background: #EBF1F8;
}

.gnb-list li.search-item button {
	border: 0;
	background-color: transparent;
	cursor: pointer;
}
.gnb-list > li > a {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 600;
	color: var(--font-color-primary);
}

.gnb-list > li > a:hover {
	color: var(--color-primary);
	background: #EBF1F8;
}

.gnb-sub-list {
	display: none;
	width: 100%;
	position: absolute;
	top: 63px;
	left: -1px;
	z-index: 10;
	border-left: 1px solid #D8D9DA;
}

.gnb-sub-list.last::after {
	content: '';
	display: block;
	width: 1px;
	height: 100%;
	position: absolute;
	right: -2px;
	top: 0;
	background-color: #D8D9DA;
}

.gnb-list.is-active li.search-item {
	--after-height: 318px;
}

.gnb-list.is-active li.search-item::after {
	content: '';
	display: block;
	width: 1px;
	height: var(--after-height);
	position: absolute;
	right: -1px;
	top: 61px;
	background-color: #D8D9DA;
	z-index: 10;
}

.gnb-list.is-active li.search-item.is-active {
	background: #EBF1F8;
}

.gnb-sub-list li a {
	display: flex;
	width: 100%;
	height: 53px;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	font-weight: 400;
	letter-spacing: -0.36px;
	color: var(--color-black);
	padding: 16px 20px;
}

.gnb-sub-list li a:hover {
	background: #EBF1F8;
}

ul.gnb-3rd-list {
	display: none;
}

ul.gnb-3rd-list.is-active {
	display: block;
}

.gnb-3rd-list li {
	display: flex;
	align-items: center;
}

.gnb-3rd-list li a {
	background: #EDEDED;
	font-size: 16px;
	/* padding: 8px 8px 8px 20%; */
	padding: 8px;
	height: 40px;
	/* justify-content: flex-start; */
	justify-content: center;
}

.gnb-sub-list.is-active {
	display: block;
}

.gnb-dim-bg {
	width: 100%;
	height: 318px;
	position: absolute;
	top: 212px;
	left: 0;
	z-index: 7;
	border-bottom: 1px solid #D8D9DA;
	background: #FFF;
	display: none;
}

.gnb-dim-bg.is-active {
	display: block;
}

.gnb-list > li:hover > a {
	color: #4F6793;
}