div.menu{padding-top:60px;}
div.menu ul.submenu{width:100%; padding:0 0 0 0; margin:0 0 0;}
div.menu ul.submenu li{width:100%; height:48px; margin-bottom:24px}
div.menu ul.submenu li a{width:100%; height:100%; font-weight:500; font-size: 16px;  display: flex; align-items: center; gap:16px; color:#949494; padding-left:24px; background-color:#FCFCFC ; border-radius: 4px;}
div.menu ul.submenu li a span.title{color:#BEBEBE;}
div.menu ul.submenu li a.on{background:#F3FAFF; }
div.menu ul.submenu li.profile_menu a::before{width:16px; height:16px; content:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><mask id="mask0_8428_616" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="16" height="16"><rect width="16" height="16" fill="%23D9D9D9"/></mask><g mask="url(%23mask0_8428_616)"><path d="M2.32258 2.35484C3.89247 0.784946 5.78495 0 8 0C10.2151 0 12.0968 0.784946 13.6452 2.35484C15.2151 3.90323 16 5.78495 16 8C16 10.2151 15.2151 12.1075 13.6452 13.6774C12.0968 15.2258 10.2151 16 8 16C5.78495 16 3.89247 15.2258 2.32258 13.6774C0.774194 12.1075 0 10.2151 0 8C0 5.78495 0.774194 3.90323 2.32258 2.35484ZM10 3.93548C9.44086 3.37634 8.77419 3.09677 8 3.09677C7.22581 3.09677 6.55914 3.37634 6 3.93548C5.44086 4.49462 5.16129 5.16129 5.16129 5.93548C5.16129 6.70968 5.44086 7.37634 6 7.93548C6.55914 8.49462 7.22581 8.77419 8 8.77419C8.77419 8.77419 9.44086 8.49462 10 7.93548C10.5591 7.37634 10.8387 6.70968 10.8387 5.93548C10.8387 5.16129 10.5591 4.49462 10 3.93548ZM3.29032 12C4.51613 13.4624 6.08602 14.1935 8 14.1935C9.91398 14.1935 11.4839 13.4624 12.7097 12C12.4086 11.4194 11.9785 10.957 11.4194 10.6129C10.8602 10.2473 10.2366 10.0645 9.54839 10.0645C9.48387 10.0645 9.4086 10.0753 9.32258 10.0968C8.87097 10.2473 8.43011 10.3226 8 10.3226C7.56989 10.3226 7.12903 10.2473 6.67742 10.0968C6.5914 10.0753 6.51613 10.0645 6.45161 10.0645C5.76344 10.0645 5.13978 10.2473 4.58065 10.6129C4.02151 10.957 3.5914 11.4194 3.29032 12Z" fill="%23949494"/></g></svg>');}
div.menu ul.submenu li.setting_menu a::before{width:16px; height:16px; content:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M15.2188 9.875C15.4062 9.95833 15.4688 10.1042 15.4062 10.3125C15.0521 11.4167 14.4792 12.3958 13.6875 13.25C13.5625 13.3958 13.4167 13.4271 13.25 13.3438L11.9062 12.5625C11.3438 13.0417 10.7083 13.4062 10 13.6562V15.1875C10 15.3958 9.90625 15.5208 9.71875 15.5625C8.57292 15.8125 7.4375 15.8125 6.3125 15.5625C6.10417 15.5208 6 15.3958 6 15.1875V13.6562C5.29167 13.4062 4.65625 13.0417 4.09375 12.5625L2.78125 13.3438C2.59375 13.4271 2.4375 13.3958 2.3125 13.25C1.52083 12.3958 0.947917 11.4167 0.59375 10.3125C0.53125 10.125 0.59375 9.97917 0.78125 9.875L2.09375 9.09375C2.03125 8.73958 2 8.375 2 8C2 7.625 2.03125 7.26042 2.09375 6.90625L0.78125 6.125C0.59375 6.04167 0.53125 5.89583 0.59375 5.6875C0.947917 4.58333 1.52083 3.60417 2.3125 2.75C2.4375 2.60417 2.59375 2.58333 2.78125 2.6875L4.09375 3.4375C4.65625 2.95833 5.29167 2.59375 6 2.34375V0.8125C6 0.604167 6.09375 0.479167 6.28125 0.4375C7.42708 0.1875 8.57292 0.1875 9.71875 0.4375C9.90625 0.479167 10 0.604167 10 0.8125V2.34375C10.7083 2.59375 11.3438 2.95833 11.9062 3.4375L13.2188 2.65625C13.4062 2.57292 13.5625 2.60417 13.6875 2.75C14.4792 3.60417 15.0521 4.58333 15.4062 5.6875C15.4688 5.89583 15.4062 6.04167 15.2188 6.125L13.9062 6.90625C14.0312 7.63542 14.0312 8.36458 13.9062 9.09375L15.2188 9.875ZM6.21875 9.78125C6.71875 10.2604 7.3125 10.5 8 10.5C8.6875 10.5 9.27083 10.2604 9.75 9.78125C10.25 9.28125 10.5 8.6875 10.5 8C10.5 7.3125 10.25 6.72917 9.75 6.25C9.27083 5.75 8.6875 5.5 8 5.5C7.3125 5.5 6.71875 5.75 6.21875 6.25C5.73958 6.72917 5.5 7.3125 5.5 8C5.5 8.6875 5.73958 9.28125 6.21875 9.78125Z" fill="%23949494"/></svg>');}

div.menu ul.submenu li.profile_menu a:hover::before,
div.menu ul.submenu li.profile_menu a.on::before{content:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><mask id="mask0_8428_14604" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="16" height="16"><rect width="16" height="16" fill="%23D9D9D9"/></mask><g mask="url(%23mask0_8428_14604)"><path d="M2.32258 2.35484C3.89247 0.784946 5.78495 0 8 0C10.2151 0 12.0968 0.784946 13.6452 2.35484C15.2151 3.90323 16 5.78495 16 8C16 10.2151 15.2151 12.1075 13.6452 13.6774C12.0968 15.2258 10.2151 16 8 16C5.78495 16 3.89247 15.2258 2.32258 13.6774C0.774194 12.1075 0 10.2151 0 8C0 5.78495 0.774194 3.90323 2.32258 2.35484ZM10 3.93548C9.44086 3.37634 8.77419 3.09677 8 3.09677C7.22581 3.09677 6.55914 3.37634 6 3.93548C5.44086 4.49462 5.16129 5.16129 5.16129 5.93548C5.16129 6.70968 5.44086 7.37634 6 7.93548C6.55914 8.49462 7.22581 8.77419 8 8.77419C8.77419 8.77419 9.44086 8.49462 10 7.93548C10.5591 7.37634 10.8387 6.70968 10.8387 5.93548C10.8387 5.16129 10.5591 4.49462 10 3.93548ZM3.29032 12C4.51613 13.4624 6.08602 14.1935 8 14.1935C9.91398 14.1935 11.4839 13.4624 12.7097 12C12.4086 11.4194 11.9785 10.957 11.4194 10.6129C10.8602 10.2473 10.2366 10.0645 9.54839 10.0645C9.48387 10.0645 9.4086 10.0753 9.32258 10.0968C8.87097 10.2473 8.43011 10.3226 8 10.3226C7.56989 10.3226 7.12903 10.2473 6.67742 10.0968C6.5914 10.0753 6.51613 10.0645 6.45161 10.0645C5.76344 10.0645 5.13978 10.2473 4.58065 10.6129C4.02151 10.957 3.5914 11.4194 3.29032 12Z" fill="%233F3F3F"/></g></svg>');}
div.menu ul.submenu li.setting_menu a:hover::before,
div.menu ul.submenu li.setting_menu a.on::before{content:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M15.2188 9.875C15.4062 9.95833 15.4688 10.1042 15.4062 10.3125C15.0521 11.4167 14.4792 12.3958 13.6875 13.25C13.5625 13.3958 13.4167 13.4271 13.25 13.3438L11.9062 12.5625C11.3438 13.0417 10.7083 13.4062 10 13.6562V15.1875C10 15.3958 9.90625 15.5208 9.71875 15.5625C8.57292 15.8125 7.4375 15.8125 6.3125 15.5625C6.10417 15.5208 6 15.3958 6 15.1875V13.6562C5.29167 13.4062 4.65625 13.0417 4.09375 12.5625L2.78125 13.3438C2.59375 13.4271 2.4375 13.3958 2.3125 13.25C1.52083 12.3958 0.947917 11.4167 0.59375 10.3125C0.53125 10.125 0.59375 9.97917 0.78125 9.875L2.09375 9.09375C2.03125 8.73958 2 8.375 2 8C2 7.625 2.03125 7.26042 2.09375 6.90625L0.78125 6.125C0.59375 6.04167 0.53125 5.89583 0.59375 5.6875C0.947917 4.58333 1.52083 3.60417 2.3125 2.75C2.4375 2.60417 2.59375 2.58333 2.78125 2.6875L4.09375 3.4375C4.65625 2.95833 5.29167 2.59375 6 2.34375V0.8125C6 0.604167 6.09375 0.479167 6.28125 0.4375C7.42708 0.1875 8.57292 0.1875 9.71875 0.4375C9.90625 0.479167 10 0.604167 10 0.8125V2.34375C10.7083 2.59375 11.3438 2.95833 11.9062 3.4375L13.2188 2.65625C13.4062 2.57292 13.5625 2.60417 13.6875 2.75C14.4792 3.60417 15.0521 4.58333 15.4062 5.6875C15.4688 5.89583 15.4062 6.04167 15.2188 6.125L13.9062 6.90625C14.0312 7.63542 14.0312 8.36458 13.9062 9.09375L15.2188 9.875ZM6.21875 9.78125C6.71875 10.2604 7.3125 10.5 8 10.5C8.6875 10.5 9.27083 10.2604 9.75 9.78125C10.25 9.28125 10.5 8.6875 10.5 8C10.5 7.3125 10.25 6.72917 9.75 6.25C9.27083 5.75 8.6875 5.5 8 5.5C7.3125 5.5 6.71875 5.75 6.21875 6.25C5.73958 6.72917 5.5 7.3125 5.5 8C5.5 8.6875 5.73958 9.28125 6.21875 9.78125Z" fill="%233F3F3F"/></svg>');}

/*
div.menu ul.submenu li a:hover{background-color: #F3FAFF; color:#000;}
div.menu ul.submenu li a.on img,
div.menu ul.submenu li a:hover img{filter: invert(0%) sepia(89%) saturate(35%) hue-rotate(315deg) brightness(111%) contrast(100%);}
 */

div.menu ul.submenu li a.on span.title,
div.menu ul.submenu li a:hover span.title{color:#3F3F3F;}

@media screen and (max-width: 1143px) {
    div.menu{padding-top:0;}

    div.menu ul.submenu{display: flex; flex-wrap: nowrap; overflow-x: auto; padding:0 24px; gap:16px;}
    div.menu ul.submenu li{width: auto;   height:auto; margin-bottom:0; flex-shrink: 0}
    div.menu ul.submenu li.all{ }
    div.menu ul.submenu li a{justify-content: center;   padding:0 0 12px; border-radius: 0;}
    div.menu ul.submenu li a.on{border-bottom:2px solid #1F1F1F; background:none; }
    div.menu ul.submenu li a span.title{font-size: 16px; font-weight: 600;}
    div.menu ul.submenu li a img{display: none;}

    div.menu ul.submenu li.profile_menu a::before{display: none;}
    div.menu ul.submenu li.setting_menu a::before{display: none;}

    div.menu ul.submenu li.profile_menu a:hover::before,
    div.menu ul.submenu li.profile_menu a.on::before{display: none;}

    div.menu ul.submenu li.setting_menu a:hover::before,
    div.menu ul.submenu li.setting_menu a.on::before{display: none;}


}