@charset "utf-8";

@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');

.cover{position:fixed; left:0; top:0; right:0; bottom:0; z-index:1000; display:none; background:rgba(0, 0, 0, 0.5);}

.sns_window {position:fixed; z-index:1001; left:0; right:0; bottom:-50%; background:#fff; font-family:'Nanum Gothic'; transition:.3s;}
.sns_window.active {bottom:0;}
.sns_window .container {position:relative; max-width:560px; padding:25px 20px 25px; margin:0 auto; text-align:center;}
.sns_window h3 {font-size:0.9em; color:#505050; line-height:1.5;}
.sns_window h3 span {color:#38b5bf;}
.sns_window .sns_box {overflow:hidden; padding:20px 0 0;}
.sns_window .sns_box a {display:inline-block; margin:0 15px; max-width:16%;}
.sns_window .sns_box img {width:50px;max-width:100%;}
.sns_window.active {bottom:0;}

#share_btn{height:38px !important; bottom:-100px; top:initial !important; z-index:1002; border:none; transition:.3s; background:#fff; border:1px solid #ddd; border-radius:5px; font-size:0.8em !important; font-family:'Nanum Gothic'; cursor:pointer;}
#share_btn:active{background:#eee;}
#share_btn.active{bottom:25px; }

.cancel_btn{height:38px !important; background:#fff; margin-top:30px; border:1px solid #ddd; border-radius:5px; font-size:0.8em !important; font-family:'Nanum Gothic'; cursor:pointer; max-width:60%; width:300px;}