/* ****************** 네비게이션 (비율형 A)  ****************** */

.lnb_137321_ {font-size:0;}
.lnb_137321_ * {box-sizing:border-box;}
.lnb_137321_ ul {margin:0; padding:0; list-style:none;}
.lnb_137321_ a {
	display:block; position:relative; height:40px; line-height:40px; font-weight:bold; text-align:left; text-decoration:none; text-align:;
	overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
}
.lnb_137321_ .dep1 > li > a {
	padding:0 15px 0 30px; border-bottom:1px solid #dcdcdc; background:#ececec; font-size:14px; color:#777777;
}
.lnb_137321_ .dep1 > li > a:before {
	content:''; display:block; position:absolute; left:20px; top:50%; width:3px; height:3px; margin-top:-1px; background:#777777;
}
.lnb_137321_ .dep2 > li > a {
	padding:0 15px 0 45px; border-bottom:1px solid #e1e2e3; background:#ffffff; font-size:13px; color:#393939;
}
.lnb_137321_ .dep3_li > a:before {content:'- '; padding-left:15px;}

@media (min-width:1024px){
	/* dep1 */
	.lnb_137321_ .dep1:after {content:''; display:block; clear:both;}
	.lnb_137321_ .dep1 > li {float:left; position:relative; z-index:600; width:16.666666666667%;}
	.lnb_137321_ .dep1 > li:hover {z-index:610;}
	.lnb_137321_ .dep1 > li > div {
		display:none; position:absolute; left:0; width:100%; padding:5px 0;
		border:3px solid #777777; background:#ffffff;
	}
	.lnb_137321_ .dep1 > li:hover > div {display:block;}
	.lnb_137321_ .dep1 > li > a {
		z-index:620; height:50px; line-height:50px; padding:0 20px;
		border-bottom:none; background:none; color:#393939; text-align:center;
	}
	.lnb_137321_ .dep1 > li.on > a,
	.lnb_137321_ .dep1 > li:hover > a {color:#777777;}
	.lnb_137321_ .dep1 > li > a:before {display:none;}

	/* dep2 */
	.lnb_137321_ .dep2 > li > a {
		height:30px; line-height:30px; padding:0 20px;
		border-bottom:none; background:#ffffff; color:#393939;
	}
	.lnb_137321_ .dep2 > li.on > a,
	.lnb_137321_ .dep2 > li:hover > a {background:#ececec; color:#777777;}

	/* dep1 triangle */
	.lnb_137321_ .dep1 > li.has_sub:before,
	.lnb_137321_ .dep1 > li.has_sub:after {
		content:''; display:none; position:absolute; left:50%; z-index:630; margin-left:-8px;
		border-left:8px solid transparent; border-right:8px solid transparent;
	}
	.lnb_137321_ .dep1 > li.has_sub:before {bottom:0; border-bottom:8px solid #777777;}
	.lnb_137321_ .dep1 > li.has_sub:after {bottom:-3px; border-bottom:8px solid #ffffff;}
	.lnb_137321_ .dep1 > li.has_sub:hover:before,
	.lnb_137321_ .dep1 > li.has_sub:hover:after {display:block;}
}

@media \0screen{
	/* dep1 */
	.lnb_137321_ .dep1:after {content:''; display:block; clear:both;}
	.lnb_137321_ .dep1 > li {float:left; position:relative; z-index:600; width:16.666666666667%;}
	.lnb_137321_ .dep1 > li:hover {z-index:610;}
	.lnb_137321_ .dep1 > li > div {
		display:none; position:absolute; left:0; width:100%; padding:5px 0;
		border:3px solid #777777; background:#ffffff;
	}
	.lnb_137321_ .dep1 > li:hover > div {display:block;}
	.lnb_137321_ .dep1 > li > a {
		z-index:620; height:50px; line-height:50px; padding:0 20px;
		border-bottom:none; background:none; color:#393939; text-align:center;
	}
	.lnb_137321_ .dep1 > li.on > a,
	.lnb_137321_ .dep1 > li:hover > a {color:#777777;}
	.lnb_137321_ .dep1 > li > a:before {display:none;}

	/* dep2 */
	.lnb_137321_ .dep2 > li > a {
		height:30px; line-height:30px; padding:0 20px;
		border-bottom:none; background:#ffffff; color:#393939;
	}
	.lnb_137321_ .dep2 > li.on > a,
	.lnb_137321_ .dep2 > li:hover > a {background:#ececec; color:#777777;}

	/* dep1 triangle */
	.lnb_137321_ .dep1 > li.has_sub:before,
	.lnb_137321_ .dep1 > li.has_sub:after {
		content:''; display:none; position:absolute; left:50%; z-index:630; margin-left:-8px;
		border-left:8px solid transparent; border-right:8px solid transparent;
	}
	.lnb_137321_ .dep1 > li.has_sub:before {bottom:0; border-bottom:8px solid #777777;}
	.lnb_137321_ .dep1 > li.has_sub:after {bottom:-3px; border-bottom:8px solid #ffffff;}
	.lnb_137321_ .dep1 > li.has_sub:hover:before,
	.lnb_137321_ .dep1 > li.has_sub:hover:after {display:block;}
}