@charset "UTF-8";

#usm-menu-wrap-id > ul > li.pc_hide { display: none; }
#usm-menu-wrap-id > ul > li > .depth2 > ul > li.pc_hide { display: none; }
#usm-menu-wrap-id > ul > li > .depth2 > ul > li > ul > li.pc_hide { display: none; }
#usm-menu-wrap-id > ul > li > .depth2 > ul > li > ul > li > ul > li.pc_hide { display: none; }
#usm-quickMenuWrap-id { display: none; }

@media all and (min-width:1024px){
	
	#usm-menu-wrap-id > ul > li { position: relative; float: left; font-weight: bold; text-align: center; font-size: 15px; }
	#usm-menu-wrap-id > ul > li > a { color: #000; display: block; padding: 15px 40px; border-left: 1px solid #fff; }
	#usm-menu-wrap-id > ul > li.active { background-color: #4BBE2C; }
	#usm-menu-wrap-id > ul > li.active > a { color: #fff;}

	#usm-menu-wrap-id > ul > li > .depth2 { display: none; left: 0; position: absolute; z-index: 99999; background-color: #24ab00; }
	#usm-menu-wrap-id > ul > li > .depth2.active { background-color: #4CBD2D; border-top: 5px solid #199600; }
	#usm-menu-wrap-id > ul > li:last-child > div { border-right: 1px solid #26AC00; }
	#usm-menu-wrap-id > ul > li > .depth2 > ul { margin: 0; padding: 0; }
	#usm-menu-wrap-id > ul > li > .depth2 > ul > li a { font-size: 13px; color: #fff; padding: 4px 0 6px 0;display: block; }
	#usm-menu-wrap-id > ul > li > .depth2 > ul > li a:hover { color: #093500; }

	#usm-menu-wrap-id > ul > li > .depth2 > ul > li > ul { display: none; }
	#usm-menu-wrap-id > ul > li > .depth2 { padding: 10px 0; }
	#usm_top_menu_bg { display: none; position: absolute; width: 100%; height: 300px; background-color: #24ab00; z-index: 100; border-bottom: 5px solid #24ab00; padding: 10px 0; }

	#usm-quickMenuWrap-id { display: block; position: absolute; }
	#usm-quickMenuWrap-id .usm-qm-top { background: url('../images/q_top.png') no-repeat; width: 75px; height: 35px; line-height: 35px; text-align: center; color: #fff; font-size: 16px; }
	#usm-quickMenuWrap-id .usm-qm-bg { background: url('../images/q_bg.png') repeat-y; width: 75px; height: auto; }
	#usm-quickMenuWrap-id .usm-qm-bg li { font-size: 12px; letter-spacing: -0.1em; margin: 0 0 7px 0; }
	#usm-quickMenuWrap-id .usm-qm-bg li:last-of-type { margin: 0; }
	#usm-quickMenuWrap-id .usm-qm-bg li a:hover { font-weight: bold; }
	#usm-quickMenuWrap-id .usm-qm-btm { background: url('../images/q_btm.png') no-repeat; width: 75px; height: 14px; line-height: 0; }
}