@charset "utf-8";

#sh_snb{display:table;overflow:hidden;margin:0 auto 60px}
#sh_snb li{float:left;margin-left:3px}
#sh_snb li a{display:block;position:relative;height:60px;padding:0 28px;line-height:60px;color:#222;letter-spacing:-.2px;font-size:16px;-webkit-transition:all .3s;transition:all .3s}
#sh_snb li a:after{display:block;content:"";position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:0;height:3px;background-color:var(--primary)}
#sh_snb li.snb_on a{color:#222;font-weight:600}
#sh_snb li.snb_on a:after{width:100%}

@media (max-width:768px){
#sh_snb li a{height:50px;padding:0 20px;line-height:50px;font-size:15px}
}
@media (max-width:480px){
#sh_snb{margin-bottom:50px}
#sh_snb li a{height:45px;padding:0 15px;line-height:45px;font-size:14px}
}