header {
	font-size: 1.6rem;
	border-bottom: solid 1px #e0e0e0;
	position: fixed;
	width: 100vw;
    z-index: 99;
	background-color: var(--bh_color_white);
	.user_menu {
		background-color: var(--bh_color_gray_100);
		padding: 1.4rem 0 1.5rem 0;
		.inner {
			display: flex;
			justify-content: space-between;
			align-items: center;
			.outside_link {
				display: flex;
				column-gap: 1rem;
				align-items: center;
				p {
					font-size: 1.4rem;
					font-weight: 500;
				}
				img {
					max-width: 70px;
					height: auto;
					object-fit: contain;
				}
				span {
					display: flex;
					justify-content: center;
					align-items: center;
					width: 30px;
					aspect-ratio: 1;
					background-color: var(--bh_color_white);
					border-radius: 50%;
					i {
						font-size: 2rem;
						line-height: 1;
						color: var(--bh_color_gray_500);
					}
				}
			}
		}
		.user_menu_list {
			display: flex;
			column-gap: 1.5rem;
			justify-content: end;
			li {
				a {
					font-size: 1.4rem;
					font-weight: 500;
					color: var(--bh_color_gray_600);
				}
			}
		}
	}
	.menu_top {
		display: none;
		background-color: var(--bh_color_gray_100);
		padding: 1rem 0;
		@media (max-width: 992px){
			display: block;
		}
		.outside_link {
			display: flex;
			column-gap: 0.7rem;
			align-items: center;
			justify-content: center;
			p {
				font-size: 1.4rem;
			}
			img {
				max-width: 60px;
				height: auto;
				object-fit: contain;
			}
			span {
				display: flex;
				justify-content: center;
				align-items: center;
				width: 20px;
				aspect-ratio: 1;
				background-color: var(--bh_color_white);
				border-radius: 50%;
				i {
					font-size: 1.8rem;
					line-height: 1;
					color: var(--bh_color_gray_500);
				}
			}
		}
	}
	.menu_inner {
		display: flex;
		justify-content: space-between;
		align-items: center;
		position: relative;
		.hamburger_menu {
			display: none;
			position: absolute;
			top: 50%;
			transform: translateY(-50%);
			left: 0rem;
			cursor: pointer;
			i {
				font-size: 2rem;
				color: var(--bh_color_gray_800);
			}
		}
		.logo {
			display: block;
			padding: 2.4rem 0 2.6rem 0;
			.mobile_logo {
				display: none;
			}
		}
		.mobile_cart_area {
			display: none;
			position: absolute;
			top: 50%;
			transform: translateY(-50%);
			right: 0;
			cursor: pointer;
		}
		.cart_num {
			position: relative;
			span {
				display: flex;
				justify-content: center;
				align-items: center;
				width: 1.9rem;
				height: 1.9rem;
				border-radius: 50%;
				background-color: var(--bh_color_main);
				color: var(--bh_color_white);
				position: absolute;
				top: -0.3rem;
				right: -0.7rem;
				font-size: 1.1rem;
				font-weight: 500;
			}
		}
		.menulist {
			display: flex;
			>li {
				position: relative;
				padding: 3.7rem 3rem 3.6rem;
				transition: .3s;
				&:last-child {
					padding-right: 0;
					display: flex;
					column-gap: 1.5rem;
				}
				>a {
					font-size: 1.8rem;
					font-weight: 500;
					position: relative;
					text-align: center;
					color: var(--bh_color_gray_800);
					transition: .3s;
					&::after {
						content: "";
						display: block;
						width: 100%;
						height: 1px;
						background-color: var(--bh_color_main);
						position: absolute;
						bottom: -3px;
						left: 0;
						opacity: 0;
					}
				}
				&:hover {
					>a {
						&::after {
							opacity: 1;
						}
					}
				}
				.dropdown_menu {
					display: none;
					padding: 2rem 2.6rem 2rem 2.5rem;
					position: absolute;
					z-index: 2;
					white-space: nowrap;
					top: 8.3rem;
					left: 50%;
					transform: translate(-50%);
					box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.1);
  					background-color: var(--bh_color_white);
					transition: .3s;
					li {
						margin-bottom: 1.5rem;
						text-align: center;
						a {
							font-size: 1.6rem;
							font-weight: 500;
							color: var(--bh_color_gray_800);
						}
						&:last-child {
							margin-bottom: 0;
						}
						&:hover {
							a {
								color: var(--bh_color_main);
							}
						}
					}
				}
				&:hover {
					.dropdown_menu {
						display: block;
					}
				}
			}
		}
	}
	@media (max-width: 1200px){
		.menu_inner {
			.menulist {
				>li {
					padding: 3.7rem 1.5rem 3.6rem;
				}
			}
		}
	}
	@media (max-width: 992px){
		.user_menu {
			display: none;
		}
		.menu_inner {
			justify-content: center;
			.hamburger_menu {
				display: block;
			}
			.mobile_cart_area {
				display: flex;
				column-gap: 10px;
				align-items: center;
				.cart_num {
					img {
						width: 70%;
					}
				}
			}
			.logo {
				padding: 1rem 0;
				.desktop_logo {
					display: none;
				}
				.mobile_logo {
					display: block;
				}
			}
			.menulist {
				display: none;
			}
		}
	}
}

.mobile_menulist {
	&.on {
		position: absolute;
		background-color: var(--bh_color_white);
		top: 72.9px;
		left: 0;
		width: 50%;
		height: 100vh;
	}
	position: absolute;
	background-color: var(--bh_color_white);
	top: 72.9px;
	left: 0;
	width: 50%;
	height: 100vh;
	@media (max-width: 992px){
		&.active {
			display: flex;
			flex-direction: column;
			row-gap: 2rem;
		}
	}
}