﻿#wrap_lnb {
	position: relative;
	z-index: 2;
}
.lnb {
	width: 100%;
	display: flex;
	border-radius: 1rem;
	overflow: hidden;
	margin-top: -4rem;
	background-color: #fff;
	position: relative;
	box-shadow: 0.5rem 0.5rem 2.7rem rgba(226,226,226,0.44);
}
.lnb_depth1 {
	width: 100%;
}
.lnb_depth1 a {
	height: 8rem;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #666;
}
.lnb_depth1 a.on {
	color: #fff;
	background: var(--pc1) url('/images/common/lnb-on.png') no-repeat right center;
}
.lnb_select {
	display: none;
	width: 100%;
    border-radius: 1rem;
    margin-top: -3rem;
    background-color: #fff;
    position: relative;
    box-shadow: 0.5rem 0.5rem 2.7rem rgba(226,226,226,0.44)
}
.lnb_select.on {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
.lnb_select > button {
	width:100%; 
	position:relative; 
	height:6rem;
	display:flex;
	align-items:Center;
	padding-left:1.8rem;
	box-sizing:border-box; 
	cursor: pointer; 
	background:none; 
	border:0; 
	text-align:left;
	font-size:1.7rem;
}
.lnb_select > button::after {
	position:Absolute; 
	content:''; 
	top:46%; 
	transform:translateY(-50%) rotate(-135deg); 
	width:0.7rem; 
	height:0.7rem; 
	right:2rem; 
	border:0; 
	border-top:0.2rem solid #9c9c9c; 
	border-left:0.2rem solid #9c9c9c; 
	opacity:0.8; 
}
.lnb_select:last-child > button::after {
	border-top:0.2rem solid #000; 
	border-left:0.2rem solid #000; 
}
.lnb_select > ul {
	display: none; 
	position: absolute; 
	top: 6rem; 
	width: 100%;
	background: var(--pc1) url(/images/common/lnb-on.png) no-repeat right bottom;
}
.lnb_select > ul li:not(:first-child) {
	border-top: 0.1rem solid rgba(255,255,255,0.4)
}
.lnb_select > ul li a{
	color: #fff; 
	display: block; 
	padding:1.6rem 2rem; 
	font-size:1.6rem;
}

/* 미디어쿼리 */
@media screen and (max-width: 767px){
	.lnb {
		display: none;
	}
	.lnb_select {
		display: flex;
	}
}