@charset "utf-8";

/* sns */ 
.snsBox { position:absolute; top:0px; right:0; text-align:right;}
.snsBox button { position:relative; float:left; display:block; width:35px; height:100%; margin:0 4px; text-indent: -9999%; overflow:hidden; background:url("/images/common/E_layout/btnSns.png") no-repeat; cursor: pointer;}
.snsBox > button:hover, .snsBox > button:focus{background-color:#1876c2;}
.snsBox .btnPrint {width:35px; height:35px; overflow:hidden; background:#777 url("/images/common/E_layout/btn_print.png") no-repeat center; border-radius:30px;}
.snsBox .btnShare {width:35px; height:35px; background:#777 url("/images/common/E_layout/btn_sns.png") no-repeat center; border-radius:30px; z-index:1;}
.snsBox .btn_F { background-position:0 0 ;}
.snsBox .btn_T { background-position:-40px 0 ;}
.snsBox .btn_Y { background-position:-80px 0 ;}
.snsBox .btn_B { background-position:-120px 0 ;}
.snsBox .btn_K { background-position:-160px 0 ;}
.snsBox .btn_In { background-position:-200px 0 ;}
.snsBox .btn_Ks { background-position:-240px 0 ;}
.snsBox .sns_more {opacity:0; position: absolute; width:110px; height:35px; right:47px; top:-3px; padding:2px 10px; font-size:0; line-height:0; border:1px solid #1876c2; z-index:30; background:#fff; border-radius:30px; z-index:0; box-shadow:1px 1px 4px rgba(0,0,0,0.3); transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -webkit-transition: all .3s ease-out; overflow:hidden;}
.snsBox .sns_more.open{width:110px; opacity:1; z-index:2;}
.snsBox .sns_more button{float:left; margin:0;}

@media screen and (max-width:380px) {	
	.snsBox .sns_more{right:0; top:40px;}
}