@charset "utf-8";

.widget-mall-category-menu {
	display:flex;
	align-items: center;
	justify-content: space-between;
}
.widget-mall-category-menu > ul {
	width:100%;
	list-style-type: none;
	overflow: visible;
	display: flex;
	align-items: center;
}
.widget-mall-category-menu > ul > li {
	position:relative;
}
.widget-mall-category-menu > ul > li > a {
	display: block;
	padding: 18px 35px;
	font-size: 16px;
	font-weight: bold;
	color:#333;
	text-decoration: none;
	position: relative;
	letter-spacing: -0.025em;
	line-height:20px;
}
.widget-mall-category-menu .all-btn {
	color: #fff;
	background-color: var(--main-color);
	width: 200px;
	height: 38px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	gap:0 12px;
	border-radius:19px;
	margin-right:55px;
}
.widget-mall-category-menu .all-btn > strong {
	font-size:16px;
	letter-spacing: -0.025em;
	color:#fff;
}
.widget-mall-category-menu .all-menu-li .all-categories {
	display: none;
}
.widget-mall-category-menu .all-menu-li .all-categories.open {
	display:flex;
	align-items: center;
	justify-content: center;
	position: fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index: 100;
	background: #fff;
	background:rgba(0,0,0,0.3);
	padding:30px 15px;
}
.widget-mall-category-menu .all-menu-li .all-categories .all-categories-inner {
	border-radius:16px;
	background:#fff;
	max-width:728px;
	width:100%;
	overflow:hidden;
}
.widget-mall-category-menu .all-menu-li .all-categories .title {
	padding:20px 35px;
	line-height:normal;
	font-size:18px;
	font-weight:bold;
	margin:0;
	letter-spacing: -0.01em;
	border-bottom:1px solid #a5a5a5;
	color:#333;
	position: relative;
}
.widget-mall-category-menu .all-menu-li .all-categories .title .close-btn {
	position:absolute;
	top:50%;
	right:28px;
	margin-top:-9px;
	width:18px;
	height:18px;
	transform:rotate(45deg);
	cursor:pointer;
}
.widget-mall-category-menu .all-menu-li .all-categories .title .close-btn:before {
	content:'';
	display:block;
	position: absolute;
	width:100%;
	height:2px;
	top:50%;
	margin-top:-1px;
	left:0;
	background:#333;
}
.widget-mall-category-menu .all-menu-li .all-categories .title .close-btn:after {
	content:'';
	display:block;
	position: absolute;
	width:2px;
	height:100%;
	top:0;
	left:50%;
	margin-left:-1px;
	background:#333;
}
.widget-mall-category-menu .all-menu-li .all-categories .title span {
	color:var(--main-color);
}
.widget-mall-category-menu .all-menu-li .all-categories .content {
	display:flex;
}
.widget-mall-category-menu .all-menu-li .all-categories .content .first-category {
	width:241px;
	margin:0;
	padding:0;
	list-style:none;
	background:#fafafa;
	border-right:1px solid #ececec;
}
.widget-mall-category-menu .all-menu-li .all-categories .content .first-category li a {
	width:100%;
	display:flex;
	align-items: center;
	gap: 0 20px;
	color:#333;
	text-decoration: none;
	font-weight:bold;
	padding:6px 0 6px 35px;
	border-bottom:1px solid #ececec;
	font-size:14px;
	line-height:normal;
}
.widget-mall-category-menu .all-menu-li .all-categories .content .first-category li a.active {
	color:var(--main-color);
	background:#fff;
	position: relative;
}
.widget-mall-category-menu .all-menu-li .all-categories .content .first-category li a.active:after {
	content:'';
	display:block;
	position: absolute;
	top:0;
	right:-1px;
	bottom:0;
	width:1px;
	background:#fff;
}
.widget-mall-category-menu .all-menu-li .all-categories .content .first-category li a .icon {
	width:28px;
	height:28px;
	background:url(../imgs/ico_category.png) no-repeat 0 0;
	line-height:normal;
}
.widget-mall-category-menu .all-menu-li .all-categories .content .first-category li a[data-category="1891"] .icon {
	background-position-y:0;
}
.widget-mall-category-menu .all-menu-li .all-categories .content .first-category li a[data-category="1000"] .icon {
	background-position-y:-41px;
}
.widget-mall-category-menu .all-menu-li .all-categories .content .first-category li a[data-category="1079"] .icon {
	background-position-y:-82px;
}
.widget-mall-category-menu .all-menu-li .all-categories .content .first-category li a[data-category="1215"] .icon {
	background-position-y:-123px;
}
.widget-mall-category-menu .all-menu-li .all-categories .content .first-category li a[data-category="1223"] .icon {
	background-position-y:-164px;
}
.widget-mall-category-menu .all-menu-li .all-categories .content .first-category li a[data-category="1311"] .icon {
	background-position-y:-205px;
}
.widget-mall-category-menu .all-menu-li .all-categories .content .first-category li a[data-category="1351"] .icon {
	background-position-y:-246px;
}
.widget-mall-category-menu .all-menu-li .all-categories .content .first-category li a[data-category="1403"] .icon {
	background-position-y:-287px;
}
.widget-mall-category-menu .all-menu-li .all-categories .content .first-category li a[data-category="1412"] .icon {
	background-position-y:-328px;
}
.widget-mall-category-menu .all-menu-li .all-categories .content .first-category li a[data-category="1446"] .icon {
	background-position-y:-369px;
}
.widget-mall-category-menu .all-menu-li .all-categories .content .first-category li a[data-category="1448"] .icon {
	background-position-y:-410px;
}
.widget-mall-category-menu .all-menu-li .all-categories .content .first-category li a[data-category="1509"] .icon {
	background-position-y:-451px;
}
.widget-mall-category-menu .all-menu-li .all-categories .content .first-category li a[data-category="1538"] .icon {
	background-position-y:-492px;
}
.widget-mall-category-menu .all-menu-li .all-categories .content .first-category li a[data-category="1591"] .icon {
	background-position-y:-533px;
}
.widget-mall-category-menu .all-menu-li .all-categories .content .first-category li a[data-category="1797"] .icon {
	background-position-y:-574px;
}
.widget-mall-category-menu .all-menu-li .all-categories .content .first-category li a[data-category="1834"] .icon {
	background-position-y:-615px;
}
.widget-mall-category-menu .all-menu-li .all-categories .content .first-category li a[data-category="1886"] .icon {
	background-position-y:-656px;
}
.widget-mall-category-menu .all-menu-li .all-categories .content .second-category {
	padding:40px;
	flex:1;
	height:730px;
	overflow-y:auto;
}
.widget-mall-category-menu .all-menu-li .all-categories .content .second-category h4 {
	display:flex;
	align-items: center;
	gap:0 5px;
	color:#333;
	font-weight:bold;
	padding-bottom:10px;
	border-bottom:1px solid #e2e2e2;
	margin:0 0 8px;
	font-size:14px;
}
.widget-mall-category-menu .all-menu-li .all-categories .content .second-category h4:before {
	content:'';
	display:block;
	width:5px;
	height:5px;
	border-radius:50%;
	background-color:var(--main-color);
}
.widget-mall-category-menu .all-menu-li .all-categories .content .second-category ul {
	margin:0;
	padding:0;
	list-style:none;
}
.widget-mall-category-menu .all-menu-li .all-categories .content .second-category ul li {
	padding:7px 0;
}
.widget-mall-category-menu .all-menu-li .all-categories .content .second-category ul a {
	color:#333;
	padding-left:5px;
	line-height:normal;
	font-size:14px;
}
.widget-mall-category-menu .all-menu-li .all-categories .content .second-category .category-unit + .category-unit {
	margin-top:40px;
}

.widget-mall-category-menu .mypage-area {
	display:flex;
	gap:0 50px;
}
.widget-mall-category-menu .mypage-area a {
	position:relative;
}
.widget-mall-category-menu .mypage-area .cartCnt {
	position: absolute;
	width: 17px;
	height: 17px;
	line-height: 17px;
	white-space: nowrap;
	background-color: var(--main-color);
	color: #fff;
	font-size: 11px;
	letter-spacing: -0.01em;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	right: 0;
	top: 0;
}