@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 { padding: 21px 0 0 0; }
	#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: 10px 40px; border-left: 1px solid #fff; }
	#usm-menu-wrap-id > ul > li.active { }
	#usm-menu-wrap-id > ul > li.active > a { color: #338617;}

	#usm-menu-wrap-id > ul > li > .depth2 { display: none; left: 0; position: absolute; z-index: 99999; background-color: #f8fef4; border-top: 3px solid #55B134; }
	#usm-menu-wrap-id > ul > li > .depth2.active { }
	#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: #000; padding: 4px 0 6px 0;display: block; }
	#usm-menu-wrap-id > ul > li > .depth2 > ul > li a:hover { background-color: #fff; color: #64b547; }

	#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: #f8fef4; z-index: 100; border-top: 3px solid #55B134; 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: 80px; height: 71px; padding: 15px 0 0 0; text-align: center; color: #fff; font-size: 16px; }
	#usm-quickMenuWrap-id .usm-qm-bg { background: url('../images/q_bg.png') repeat-y; width: 80px; 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: 80px; height: 9px; line-height: 0; }
}