@charset "utf-8";

/* content share button : default */
.shareThis .btn {width:40px; height:40px; margin:0 1px; vertical-align:top; padding:0; border:none; border-radius:37%; box-shadow:0 1px 2px rgba(0,0,0,0.4); background-position:0 100%; background-repeat:no-repeat; background-size:100% auto; transition:background-position 0.5s;}
.shareThis .facebook {background-color:#3b579d; background-image:url('/resource/official/common/img/sharebtns/ico_sns1_facebook.png');}
.shareThis .naver {background-color:#4fa52b; background-image:url('/resource/official/common/img/sharebtns/ico_sns1_naver.png');}
.shareThis .kakaotalk {background-color:#fae101; background-image:url('/resource/official/common/img/sharebtns/ico_sns1_kakaotalk.png');}
.shareThis .kakaostory {background-color:#fae101; background-image:url('/resource/official/common/img/sharebtns/ico_sns1_kakaostory.png');}
.shareThis .twitter {background-color:#55acee; background-image:url('/resource/official/common/img/sharebtns/ico_sns1_twitter.png');}
.shareThis .google {background-color:#dd4b39; background-image:url('/resource/official/common/img/sharebtns/ico_sns1_google.png');}
.shareThis .linkedin {background-color:#007bb6; background-image:url('/resource/official/common/img/sharebtns/ico_sns1_linkedin.png');}
.shareThis .email {display:none; background-color:#87bd65; background-image:url('/resource/official/common/img/sharebtns/ico_sns1_mail.png');}
.shareThis .url {background-color:#3c3c3c; background-image:url('/resource/official/common/img/sharebtns/ico_sns1_url.png');}
.shareThis .like {position:relative; background-color:#c92027; background-image:url('/resource/official/common/img/sharebtns/ico_sns1_like.png');}
.shareThis .like .badge {position:absolute; top:0; left:100%; margin-left:-10px; font-weight:normal; font-family:"Arial"; font-size:12px; color:#c92027; background-color:#fff; box-shadow:0 0 3px rgba(0,0,0,0.2);}
.shareThis .btn:hover,.shareThis .btn:focus,.shareThis .btn:active {background-position:0 0;}

/* content share button : circle */
.share_circle .shareThis .btn {width:32px; height:32px; border-radius:100%; box-shadow:none;}
.share_circle .shareThis .facebook {background-image:url('/resource/official/common/img/sharebtns/ico_sns2_facebook.png');}
.share_circle .shareThis .naver {background-image:url('/resource/official/common/img/sharebtns/ico_sns2_naver.png');}
.share_circle .shareThis .kakaotalk {background-image:url('/resource/official/common/img/sharebtns/ico_sns2_kakaotalk.png');}
.share_circle .shareThis .kakaostory {background-image:url('/resource/official/common/img/sharebtns/ico_sns2_kakaostory.png');}
.share_circle .shareThis .twitter {background-image:url('/resource/official/common/img/sharebtns/ico_sns2_twitter.png');}
.share_circle .shareThis .google {background-color:#ea6060; background-image:url('/resource/official/common/img/sharebtns/ico_sns2_google.png');}
.share_circle .shareThis .linkedin {background-image:url('/resource/official/common/img/sharebtns/ico_sns2_linkedin.png');}
.share_circle .shareThis .email {background-image:url('/resource/official/common/img/sharebtns/ico_sns2_mail.png');}
.share_circle .shareThis .url {background-image:url('/resource/official/common/img/sharebtns/ico_sns2_url.png');}
.share_circle .shareThis .like {background-image:url('/resource/official/common/img/sharebtns/ico_sns2_like.png');}
.share_circle .shareThis .like .badge {margin-left:-6px;}

/* content share button : square */
.share_square .shareThis {font-size:0;}
.share_square .shareThis .btn {width:40px; height:40px; margin:0; font-size:0; border-top:1px solid #ededed; border-right:1px solid #ededed; border-radius:0; background:url('/resource/official/common/img/sharebtns/ico_sns3_share.png') 0 0 no-repeat; background-color:transparent; background-size:80px auto; box-shadow:none; transition:initial;}
.share_square .shareThis .facebook {background-position:0 0;}
.share_square .shareThis .naver {background-position:0 -240px;}
.share_square .shareThis .kakaotalk {background-position:0 -280px;}
.share_square .shareThis .kakaostory {background-position:0 -320px;}
.share_square .shareThis .linkedin {background-position:0 -360px;}
.share_square .shareThis .twitter {background-position:0 -40px;}
.share_square .shareThis .google {background-position:0 -80px;}
.share_square .shareThis .email {background-position:0 -120px;}
.share_square .shareThis .url {background-position:0 -160px;}
.share_square .shareThis .like {position:relative; background-position:0 -200px;}
.share_square .shareThis .like .badge {top:-10px; color:#fff; background-color:#ca0114;}
.share_square .shareThis .btn:hover,.share_square .shareThis .btn:focus,.share_square .shareThis .btn:active {background-position-x:-40px;}

/* content share button : circle2 */
.share_circle2 .shareThis .btn {border:1px solid #898989; border-radius:100%; background-color:#fff; background-position:0 0; box-shadow:none;}
.share_circle2 .shareThis .facebook {background-image:url('/resource/official/common/img/sharebtns/ico_sns4_facebook.png');}
.share_circle2 .shareThis .naver {background-image:url('/resource/official/common/img/sharebtns/ico_sns4_naver.png');}
.share_circle2 .shareThis .kakaotalk {background-image:url('/resource/official/common/img/sharebtns/ico_sns4_kakaotalk.png');}
.share_circle2 .shareThis .kakaostory {background-image:url('/resource/official/common/img/sharebtns/ico_sns4_kakaostory.png');}
.share_circle2 .shareThis .twitter {background-image:url('/resource/official/common/img/sharebtns/ico_sns4_twitter.png');}
.share_circle2 .shareThis .google {background-image:url('/resource/official/common/img/sharebtns/ico_sns4_google.png');}
.share_circle2 .shareThis .linkedin {background-image:url('/resource/official/common/img/sharebtns/ico_sns4_linkedin.png');}
.share_circle2 .shareThis .email {background-image:url('/resource/official/common/img/sharebtns/ico_sns4_mail.png');}
.share_circle2 .shareThis .url {background-image:url('/resource/official/common/img/sharebtns/ico_sns4_url.png');}
.share_circle2 .shareThis .like {background-image:url('/resource/official/common/img/sharebtns/ico_sns4_like.png');}
.share_circle2 .shareThis .btn:hover,.share_circle2 .shareThis .btn:focus,.share_circle2 .shareThis .btn:active {background-position:0 100%;}

/* content share button : circle3 */
.share_circle3 .shareThis .btn {margin:0; border-radius:0; background-color:transparent; background-position:0 0; box-shadow:none;}
.share_circle3 .shareThis .facebook {background-image:url('/resource/official/common/img/sharebtns/ico_sns4_facebook.png');}
.share_circle3 .shareThis .naver {background-image:url('/resource/official/common/img/sharebtns/ico_sns4_naver.png');}
.share_circle3 .shareThis .kakaotalk {background-image:url('/resource/official/common/img/sharebtns/ico_sns4_kakaotalk.png');}
.share_circle3 .shareThis .kakaostory {background-image:url('/resource/official/common/img/sharebtns/ico_sns4_kakaostory.png');}
.share_circle3 .shareThis .twitter {background-image:url('/resource/official/common/img/sharebtns/ico_sns4_twitter.png');}
.share_circle3 .shareThis .google {background-image:url('/resource/official/common/img/sharebtns/ico_sns4_google.png');}
.share_circle3 .shareThis .linkedin {background-image:url('/resource/official/common/img/sharebtns/ico_sns4_linkedin.png');}
.share_circle3 .shareThis .email {background-image:url('/resource/official/common/img/sharebtns/ico_sns4_mail.png');}
.share_circle3 .shareThis .url {background-image:url('/resource/official/common/img/sharebtns/ico_sns4_url.png');}
.share_circle3 .shareThis .like {background-image:url('/resource/official/common/img/sharebtns/ico_sns4_like.png');}
.share_circle3 .shareThis .like .badge {margin-top:5px; margin-left:-15px; padding:2px 5px; font-size:11px;}
.share_circle3 .shareThis .btn:hover,.share_circle2 .shareThis .btn:focus,.share_circle2 .shareThis .btn:active {background-position:0 100%;}

@media screen and (min-width:360px) {
	.shareThis .btn {margin:0 3px;}
}
@media screen and (min-width:768px) {
	.shareThis .btn {width:60px; height:60px; margin:0 8px;}
	.shareThis .kakaotalk {display:none;}
	.shareThis .email {display:inline-block;}
	.share_circle .shareThis .btn {margin:0 12px;}
	.share_circle2 .shareThis .btn {width:50px; height:50px; margin:0 10px;}
	.share_circle3 .shareThis .btn {width:50px; height:50px;}
	.share_circle3 .shareThis .like .badge {margin-top:14px; margin-left:-18px;}
}