/* nav */
.nav {}

.nav.pc {
	display: flex;
}

.nav.pc ul li {
	display: flex;
	align-items: center;
	position: relative;
	justify-content: center;
}

.nav.pc ul li.menu-item-has-children {}

.nav.pc ul li a {
	color: #fff;
	white-space: nowrap;
	padding: 6px 8px;
	font-size: 15px;
}

.nav.pc ul.menu-list {
	display: flex;
	gap: 1rem;
}

.nav.pc ul.menu-list li {}

.nav.pc ul.menu-list li a {}

.nav.pc ul.menu-list li a:hover {
	color: rgb(107, 114, 128);
}

.nav.pc ul.sub-menu {
	display: none;
	flex-direction: column;
	position: absolute;
	background: #fff;
	top: 100%;
	left: 50%;
	transform: translate(-50%, 0);
	padding: 15px;
}

.nav.pc ul.sub-menu li {}

.nav.pc ul.sub-menu li a {
	color: #000;
}

.nav.pc ul.sub-menu li a:hover {
	color: #003113;
}

.nav.pc ul.menu-list li.menu-item-has-children:hover .sub-menu {
	display: flex;
}

.nav.pc ul.menu-list li.menu-item-has-children::after {
	content: "";
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url('data:image/svg+xml; utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="%23ffffff"><path d="M5.70711 9.71069C5.31658 10.1012 5.31658 10.7344 5.70711 11.1249L10.5993 16.0123C11.3805 16.7927 12.6463 16.7924 13.4271 16.0117L18.3174 11.1213C18.708 10.7308 18.708 10.0976 18.3174 9.70708C17.9269 9.31655 17.2937 9.31655 16.9032 9.70708L12.7176 13.8927C12.3271 14.2833 11.6939 14.2832 11.3034 13.8927L7.12132 9.71069C6.7308 9.32016 6.09763 9.32016 5.70711 9.71069Z" fill="%23ffffff"/></svg>') no-repeat;
}

/* PC 드롭다운 메뉴 스타일 */
.nav.pc-dropdown {
	display: flex;
	justify-content: center;
}

.nav.pc-dropdown ul.pc-dropdown-menu {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 2rem;
	width: 100%;
	list-style: none;
	margin: 0;
	padding: 0;
}

.nav.pc-dropdown ul.pc-dropdown-menu > li {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.nav.pc-dropdown ul.pc-dropdown-menu > li > a {
	color: #fff;
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 1rem;
	text-decoration: none;
	border-bottom: 2px solid transparent;
	padding-bottom: 0.5rem;
	transition: border-color 0.3s ease;
}

.nav.pc-dropdown ul.pc-dropdown-menu > li > a:hover {
	border-bottom-color: #fff;
}

.nav.pc-dropdown ul.sub-menu {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	width: 100%;
	list-style: none;
	margin: 0;
	padding: 0;
}

.nav.pc-dropdown ul.sub-menu li {
	width: 100%;
}

.nav.pc-dropdown ul.sub-menu li a {
	color: rgba(255, 255, 255, 0.8);
	font-size: 14px;
	text-decoration: none;
	padding: 0.5rem 0;
	display: block;
	text-align: center;
	transition: color 0.3s ease;
}

.nav.pc-dropdown ul.sub-menu li a:hover {
	color: #fff;
}

/* 햄버거 메뉴 토글 동작 */
#slide-nav-checkbox:checked ~ div #slide-nav-pc {
	transform: translateY(0) !important;
}

#slide-nav-checkbox:checked ~ div #slide-nav-mobile {
	left: 0 !important;
}

/* 햄버거 버튼 애니메이션 */
#slide-nav-checkbox:checked + label #slide-btn-1 {
	transform: rotate(45deg) translate(5px, 5px);
}

#slide-nav-checkbox:checked + label #slide-btn-2 {
	opacity: 0;
}

#slide-nav-checkbox:checked + label #slide-btn-3 {
	transform: rotate(-45deg) translate(7px, -6px);
}

.nav.mobile {
	/* display: none; */
}

.nav.mobile ul li {}

.nav.mobile ul li.menu-item-has-children {}

.nav.mobile ul li a {}

.nav.mobile ul.menu-list {
	position: absolute;
	top: 120px;
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	height: calc(100vh - 120px);
	overflow: scroll;
}

.nav.mobile ul.menu-list>li {
	display: flex;
	width: 100%;
	justify-content: center;
}

.nav.mobile ul.menu-list>li:last-child a {}

.nav.mobile ul.meu-list li.login-logout {
	border: none;
}

.nav.mobile ul.menu-list li a {
	width: 100%;
	display: flex;
	justify-content: center;
	padding: 20px 30px;
	font-size: 18px;
	color: #ffffff;
	font-weight: 400;
	word-break: keep-all;
}

.nav.mobile ul.menu-list li.menu-item-has-children>a {
	display: none;
	border: none;
}

.nav.mobile ul.menu-list li.login-logout a {}

.nav.mobile ul.menu-list li a:hover {}

.nav.mobile ul.sub-menu {
	width: 100%;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1px;
	background: #fff;
	border-bottom: 1px solid #fff;
}

.nav.mobile ul.sub-menu li {
	background: #195851;
}

.nav.mobile ul.sub-menu li a {
	border: none;
}

.nav.mobile ul.sub-menu li:last-child a {}

.nav.mobile ul.sub-menu li a:hover {}

.nav.mobile ul.menu-list li.menu-item-has-children:hover .sub-menu {}

.nav.mobile ul.menu-list li.menu-item-has-children::after {}

.nav.mobile ul li a {}

/* instagram */
.sbi_load_btn {
	display: none !important;
}

#sb_instagram a {
	background-image: none !important;
}

#sb_instagram img {
	display: block !important;
}

/* slider */
.youtube-slider .n2-ss-section-main-content {
	padding: 0 !important;
}

/* floating bar */
.floating-bar {
	position: fixed;
	top: 50%;
	right: 3%;
	display: flex;
	flex-direction: column;
	transform: translate(0, -50%);
	z-index: 9;
}

.floating-bar a {
	border: 1px solid #eee;
	padding: 0;
	border-radius: 30px;
	margin: 0 0 5px 0;
	font-size: 17px;
	color: #666;
	width: 55px;
	height: 55px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #ffffff94;
	position: relative;
}

.floating-bar a:after {
	display: none;
	content: attr(quick-title);
	position: absolute;
	right: 55px;
	top: 50%;
	margin-top: -15px;
	padding-right: 12px;
	width: 88px;
	height: 30px;
	line-height: 30px;
	text-align: right;
	color: #747474;
	font-size: 14px;
	font-weight: 500;
	white-space: nowrap;
	opacity: 0;
	transition: opacity .2s ease-in-out;
}

.floating-bar a:hover::after {
	display: block;
	opacity: 1;
}

.recently-viewed-wrap {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 70%;
	height: auto;
	opacity: 0;
	z-index: -1;
	background: #fff;
	border: 1px solid #bbb;
	padding: 80px 20px 30px;
	border-radius: 10px;
	transition: 0.3s;
}

.recently-viewed-wrap.active {
	opacity: 1;
	z-index: 9;
}

.recently-viewed-wrap .close {
	display: flex;
	justify-content: center;
	padding: 10px 20px;
	background: #7eb364;
	color: #fff !important;
	font-weight: bold;
	position: absolute;
	top: 20px;
	right: 20px;
	border-radius: 8px;
}

.recently-viewed-wrap .recently-viewed {}

.recently-viewed-wrap .recently-viewed h3 {
	position: absolute;
	top: 30px;
	left: 20px;
	font-size: 18px;
	font-weight: bold;
}

.notice-wrap {
	display: none !important;
}

.wbk-woo-add-gift-wrap {
	margin-bottom: 15px;
}

.wbk-woo-add-gift-wrap>h3 {}

.wbk-woo-add-gift-wrap>select {
	border: 1px solid rgba(0, 0, 0, .1);
	border-radius: 5px;
	cursor: pointer;
}

@media screen and (max-width: 992px) {
	.megamenu-container {
		display: none;
	}
}

@media screen and (max-width: 768px) {

	/* nav */
	.nav.pc {
		display: none;
	}

	.nav.mobile {
		display: flex;
	}

	/* floating bar */
	.floating-bar {}

	.floating-bar a {
		width: 35px;
		height: 35px;
	}

	.recently-viewed-wrap {}

	.floating-bar a:after {
		display: none;
	}
}

@media screen and (max-width: 640px) {}

/* 메가메뉴 스타일 */
.megamenu-container {
	position: relative;
}

/* 임시 디버깅: 메가메뉴 항상 표시 */
.megamenu-dropdown {
	position: absolute;
	top: 100%;
	left: 50%;
	width: 100vw;
	transform: translateX(-50%) translateY(0);
	background: white;
	box-shadow: 0 10px 25px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
	border-top: 4px solid #195851;
	z-index: 9999;
	opacity: 1 !important;
	visibility: visible !important;
	transition: all 0.3s ease;
}

.megamenu-main {
	display: flex;
	list-style: none;
	margin: 0;
	padding: 0;
	gap: 2rem;
}

.megamenu-main > li {
	position: relative;
}

.megamenu-main > li > a {
	display: flex;
	align-items: center;
	padding: 0.75rem 1rem;
	color: white;
	text-decoration: none;
	font-weight: 500;
	transition: color 0.3s ease;
	white-space: nowrap;
}

.megamenu-main > li > a:hover {
	color: #d1d5db;
}

.megamenu-dropdown .max-width-screen-xl {
	max-width: 1280px;
	margin: 0 auto;
	padding: 1.5rem 1rem;
}

.megamenu-dropdown .grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 2rem;
}

.megamenu-column h3 {
	font-weight: bold;
	color: #1f2937;
	margin-bottom: 0.75rem;
	padding-bottom: 0.5rem;
	border-bottom: 1px solid #e5e7eb;
	font-size: 1rem;
}

.megamenu-column ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}

.megamenu-column ul li a {
	color: #6b7280;
	text-decoration: none;
	transition: color 0.2s ease;
	font-size: 0.9rem;
	display: block;
	padding: 0.25rem 0;
}

.megamenu-column ul li a:hover {
	color: #195851;
}

/* 드롭다운 화살표 */
.megamenu-item.menu-item-has-children > a svg {
	width: 1rem;
	height: 1rem;
	margin-left: 0.25rem;
	transition: transform 0.3s ease;
}

.megamenu-item.menu-item-has-children:hover > a svg {
	transform: rotate(180deg);
}