nav{
	display: grid;
    grid-template-columns: repeat(auto-fit, minmax(16.2%, 1fr));
	height:3.4rem;
}

nav > a{
	text-align: center;
    color: #434343;
    font-size: 1.25rem;
    position: relative;
	height:3.4rem;
    line-height: 3.4rem;
}


nav > a.point{
	color:#ff41a2
}

nav > a.on{
	font-weight:600;	
}

nav > a.on::after{
	content: "";
    width: 6rem;
    height: .2rem;
    background: #000;
    position: absolute;
    bottom: 0rem;
    left: 50%;
    transform: translateX(-50%);
    border-radius: .1rem;
}

nav > a.on.point::after{
	background:#ff41a2
}

header{
	padding: 0 1.6rem;
	height: 5.5rem;
	width: 100%;
	box-sizing: border-box;
	background: #fff;
	position: sticky;
	z-index: 11;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}

header .menu_wrap{
	display:flex;
	align-items: center;
	margin-bottom:1.2rem;
	justify-content: space-between;
	min-height:3rem;
}

header .menu_wrap .logo{
	width:8.4rem;
	margin: 0 auto;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}
header .menu_wrap .menu{
	display: inline-block;
}
header .menu_wrap_right, header .menu_wrap_left{display:flex; align-items: center;}
header .menu_wrap .menu, 
header .menu_wrap .mypage, 
header .menu_wrap .cart,
header .menu_wrap .notification,
header .menu_wrap .search, 
header .menu_wrap .app_set,  
 header .special .mypage, 
 header .special .cart,
 header .special .search
 {
	width:1.8rem;
	height:1.8rem;
	position: relative;
	padding:0 !important;
	z-index: 1;
}

header .menu_wrap .menu{
	background:url("/asset/images/head_menu.png") no-repeat center center / 1.8rem auto;
}

header .menu_wrap .search,
header .special .search
{
	background:url("/asset/images/head_search.png") no-repeat center center / 1.8rem auto;
	margin-left:1rem;
	width: 2rem;
	height: 2rem;
}

header .menu_wrap .mypage, header .special .mypage{
	background:url("/asset/images/head_mypage.png") no-repeat center 0 / 1.8rem auto;
}

header .menu_wrap .mypage img, header .special .mypage img{
	position: absolute;
    width: 5rem;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    top: 100%;
}

header .menu_wrap .cart, header .special .cart{
	background:url("/asset/images/head_cart.png") no-repeat center 0 / 1.8rem auto;
	margin-left:1rem;
	height: 2.1rem;
}

header .menu_wrap .notification, header .special .notification {
	background:url("/asset/images/head_notification.png") no-repeat center 0 / 2.2rem auto;
	height: 2.1rem;
}

header .menu_wrap .cart b, header .special .cart b{
	position: absolute;
    font-weight: 600;
    right: -0.8rem;
    top: -0.3rem;
    width: 1.66rem;
    height: 1.66rem;
    line-height: 1.66rem;
    font-size: 1rem;
    text-align: center;
    border-radius: 50%;
    color: #fff;
    background: #ff41a2;
    transform: scale(.76);
    -webkit-transform: scale(.76);
}

header .menu_wrap .notification b {
	position: absolute;
	font-weight: 600;
	right: -0.6rem;
	top: -0.4rem;
	width: 1.66rem;
	height: 1.66rem;
	line-height: 1.7rem;
	font-size: 1rem;
	text-align: center;
	border-radius: 50%;
	color: #fff;
	background: #ff41a2;
	transform: scale(.76);
	-webkit-transform: scale(.76);
}

header .special{
	height: 4.3rem;
	display: flex;
	align-items: center;
	padding-bottom: 0.8rem;
	box-sizing: border-box;
	justify-content: space-between;
}

header .special .title{
	position: absolute;
	font-weight: 600;
	font-size: 1.6rem;
	flex: 1;
	text-align: center;
	width:100%;
	margin:0 auto;
	left:50%;
	transform: translateX(-50%);
	z-index: 0;
	height: 2.5rem;
}

header .special .back{
	background: url("/asset/icons/header/ico_back.png") no-repeat 50% 50% / 1rem auto;
	width: 3rem;
	height: 3rem;
	position: relative;
	z-index: 1;
}

header .special .app_set, header .menu_wrap .app_set{
	display: inline-block;
	width: 2.4rem;
	height: 2.4rem;
	margin-right: 1rem;
	margin-left: auto;
	position:relative;
}