@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 { margin: 3px 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: 28px 40px 27px 40px; }
	#usm-menu-wrap-id > ul > li.active > a { color: #af5c00;}

	#usm-menu-wrap-id > ul > li > .depth2 { display: none; left: 0; position: absolute; z-index: 99999; background-color: #6d4519; border-right: 1px solid #653f16; }
	#usm-menu-wrap-id > ul > li > .depth2.active { background-color: #77522a; }
	#usm-menu-wrap-id > ul > li:last-child > div { border-right: none; }
	#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 { background-color: #6d4519; color: #dec6ad; }

	#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: #6d4519; z-index: 100; 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: 45px; padding: 25px 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: 65px; height: auto; padding: 0 5px; }
	#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: 39px; line-height: 0; }
}