.amazonmenu ul{
	font: normal 14px Verdana; /* 테마카테고리 폰트 12px에서 수정 */
	list-style: none;
	margin: 0;
	padding: 0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	

}

.amazonmenu ul li{
	position: static; /* menu li items should have position set to static */
}

.amazonmenu > ul{
	background: white;
	width: 195px; /* width of main menu */
	height: 365px; /* height of main menu */
	position: relative;
	
}

.amazonmenu > ul li a{
	display: block;
	overflow: auto;
	position: relative;
	text-decoration: none;
	display:block;color:#000;font-size:12px;height:28px;line-height:28px;letter-spacing:-0.4px;padding-left:19px}
}

.amazonmenu > ul li.hassub > a::after{ /* Arrow to indicate this item has sub menu (LI elements with sub menus have a ".hassub" class). */
	border-left-color: gray; /* Default color of arrow */
	content: '';
	height: 0;
	position: absolute;
	right: 5px;
	top: 35%;
	width: 0;
}

.amazonmenu > ul li.hassub.selected > a::after{ /* Style of arrow when corresponding sub menu is open (LI element has a "selected" class during this state */
}

.amazonmenu ul li a:hover, .amazonmenu ul li.hassub.selected > a{ /* style of hover and selected menu item links */
	background: #657fba; /* #19409a */
	color: #fff;
    display:block; /* 네모테두리 브랜드샵 롤오버시 크게 내가 추가 */

    /* display 설명
	display:none;   / 태그를 사라지게 합니다.
	display:block;  / div 처럼 블록 지정으로 자동 줄 바꿈과 크기를 지정할 수 있도록 합니다.
	display:inline; / span 처럼 줄 바꿈이 되지 않고 크기를 지정할 수 없습니다. 
	display:inline-block; / 혼합된 형태로 크기는 지정할 수 있으되 줄 바꿈이 되지 않습니다.
	*/
}

.amazonmenu ul li > div, .amazonmenu ul li > ul{ /* Sub menus (Could be a DIV or UL wrapper) style */
	background: white;
	border: 2px solid #19409a;
	display: none;
	font-weight: normal;
	width: 190px;
	height: 365px; /* height of sub menu */
	left: 100%;
	padding: 10px 0px;
	position: absolute;
	top: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	z-index:10000000000;
}



/* ###### CSS Media queries ###### */

@media screen and (max-width: 480px){ /* When screen size is 480px */
	.amazonmenu ul li > div, .amazonmenu ul li > ul{
		left: 30px; /* Stack the sub menus so they take up less space */
	}

	.amazonmenu > ul li.hassub.selected::after{ /* Add "veil" to parent menus */
		background: #eee;
		content: '';
		height: 100%;
		left: 0;
		opacity: .8;
		pointer-events: none;
		position: absolute;
		top: 0;
		width: 100%;
		z-index: 1;
	}
}