/* BASIC css start */
#nAtoggle {
  display: block;
  width: 38px;
  height: 38px;
  margin:0 ;position:absolute;right:0px;bottom:0;z-index:99;
}

#nAtoggle span:after,
#nAtoggle span:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0px;
}
#nAtoggle span:after{
  top: 9px;
}
#nAtoggle span {
  position: relative;
  display: block;background:url('http://tong4.d4.makeshop.co.kr/design/tong4/limeted/SkinImg/Share-icon-circle.png');
}

#nAtoggle span,
#nAtoggle span:after,
#nAtoggle span:before {
  width: 100%;
  height: 38px;
  
}

/* on activation */
#nAtoggle.on span {
 background:url('http://tong4.d4.makeshop.co.kr/design/tong4/limeted/SkinImg/Share-x-circle.png');
}

#nAtoggle.on + #snsmenu {
  opacity: 1;
  visibility: visible;
}



/* menu appearance*/
#snsmenu {
  position: absolute;z-index:98;
  color: #999;width:280px;bottom:1px;right:43px;
  margin:36px 14px 0;
  padding: 4px 8px 4px;
  font-family: "Segoe UI",Verdana, "Verdana Ref", sans-serif;
  text-align: center;
  border-radius: 20px;
  box-shadow: 0 1px 8px rgba(0,0,0,0.05);
  background:#fff;border:1px solid #bebebe;
  opacity: 0;
  visibility: hidden;
  transition: opacity .4s;
}
#snsmenu:after {


}
#snsmenu ul { width:280px; display:table; table-layout:fixed; font-size:0;line-height:0;}
#snsmenu li {display:inline-block;font-size:11px;padding:0 6px 0 ;vertical-align:middle;line-height:25px;}
#snsmenu li a {
  list-style: none;
  margin: 0;
  padding: 0px 0px 0 0;
}
#snsmenu li a {
  color: #888;
  text-decoration: none;
  transition: all .2s;
}
#snsmenu li img {padding-right:5px;}
#snsmenu li a:hover,
#snsmenu li a:focus {

}

/* BASIC css end */