@charset "utf-8";

/* SNB */
#sh_snb {display:inline-block;position:relative;z-index:10;padding:0 40px;background-color:#fff;box-shadow:0px 2px 12px rgba(0,0,0,.1);text-align:center}
#sh_snb li {display:inline-block;position:relative;height:55px;font-size:17px;line-height:55px;font-family:'notokr-regular'}
#sh_snb li a {position:relative;padding:0 15px;color:#222}

/* ON */
#sh_snb li.l_menu_ON:after{position:absolute;top:17%;left:37%;width:35px;height: 35px;display: block;z-index:-1;background-color:rgba(219, 19, 105, 0.1);border-radius:50%;content:""}
#sh_snb li.l_menu_ON:before{display:none}

/* hover_bg */
#sh_snb li:before {position:absolute;z-index:-1;top:50%;left:50%;width:35px;height:35px;background-color:rgba(23, 24, 29, 0.05);	border-radius:50%;content:'';opacity:0;-webkit-transition:-webkit-transform 0.3s,opacity 0.3s;-moz-transition:-moz-transform 0.3s,opacity 0.3s;transition:transform 0.3s,opacity 0.3s;-webkit-transform:translateX(-50%) translateY(-50%) scale(0.2);-moz-transform:translateX(-50%) translateY(-50%) scale(0.2);transform:translateX(-50%) translateY(-50%) scale(0.2)}
#sh_snb li:hover:before{opacity:1;-webkit-transform:translateX(-50%) translateY(-50%) scale(1);-ms-transform:translateX(-50%) translateY(-50%) scale(1);transform:translateX(-50%) translateY(-50%) scale(1)}