﻿/* ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––

    공유하기

–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */

.layerAlert{
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-box;
    display:-webkit-flex;
    display:flex;
    -webkit-align-items:center;
    align-items:center;	
    box-sizing:border-box;
    z-index:10000;
}
.layerAlert .layerAlertFrame{overflow:hidden;position:relative;top:auto !important;width:300px;margin:0 auto;border-radius:12px;background:#fff;box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.16);z-index:10001;}
.layerAlert .layerAlertCont{width:100%;}
.layerAlert .layerAlertCont h1{line-height:2.813rem;font-weight:normal;text-align:center;font-size:1.063rem;font-weight:bold;border-bottom:1px solid #eee;}
.layerAlert .layerAlertCont .pop_icon_area{padding:15px 15px 5px;border-bottom:0 none;}
.layerAlert .layerAlertCont .pop_btn_area{padding:0;color:#111;font-size:1rem;border-top:1px solid #e5e5e5;text-align:center}
.layerAlert .layerAlertCont .pop_btn_area button{font-size:1rem; line-height:3rem;}
.layerAlert .layerAlertCont .ppp_sns_list{overflow:hidden;}
.layerAlert .layerAlertCont .popup_list_btn{padding:0 15px 20px;}
.layerAlert .layerAlertCont .popup_list_btn .btnApp{display:block;height:38px;color:#444;line-height:38px;font-size:0.9375rem;text-align:center;border:1px solid #e5e5e5;border-radius:2px;background:#fff;}
.layerAlert .layerAlertBtn{width:100%;padding:10px 0 15px;text-align:center;}
.layerAlert .layerAlertBtn button{display:inline-block;width:45%;margin:0 1%;padding:10px 0;font-size:0.9375rem;}
.layerAlert .layerAlertBtn button:first-child{width:46%;margin-left:0;}
.layerAlert .layerAlertBtn button:last-child{width:46%;margin-right:0;}
.layerAlert .layerAlert_bg{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background-color:rgba(0,0,0,.6);}
.layerAlert .selectStyle{display:inline-block;width:100%;margin:0;padding:9px 30px 9px 5px;color:#222;border:1px solid #e1e1e1;background:url("/ui/gsshop/cust/images/icon_select.png") no-repeat right 0;background-size: 50px auto;-webkit-background-size:50px auto;}
.ppp_sns_list{overflow:hidden;}
.ppp_sns_list li{float:left;width:25%;}
.ppp_sns_list li a{display:block;margin:0 auto 15px;font-size:0.6875rem;color:#666;text-align:center;}
.ppp_sns_list li a span{overflow:hidden;display:block;white-space:nowrap;line-height:1;}
.ppp_sns_list li a span::before{display:block;content:"";width:50px;height:50px;margin:0 auto 6px;}
.ppp_sns_list li .kakao span::before{background:url("/common/_re_default/images/ico_sns_pop01.png") no-repeat 0 0;background-size:50px auto;}
.ppp_sns_list li .kakaostory span::before{background:url("/common/_re_default/images/ico_sns_pop02.png") no-repeat 0 0;background-size:50px auto;}
.ppp_sns_list li .line span::before{background:url("/common/_re_default/images/ico_sns_pop03.png") no-repeat 0 0;background-size:50px auto;}
.ppp_sns_list li .sms span::before{background:url("/common/_re_default/images/ico_sns_pop04.png") no-repeat 0 0;background-size:50px auto;}
.ppp_sns_list li .facebook span::before{background:url("/common/_re_default/images/ico_sns_pop05.png") no-repeat 0 0;background-size:50px auto;}    
.ppp_sns_list li .url span::before{background-position:-150px -50px;}
.pop_copy_url{padding:0 15px 20px;}
.pop_copy_url p{position:relative;padding:0 !important;text-align:left !important;font-size:0.75rem;border:1px solid #e5e5e5;}
.pop_copy_url .btnCopyTxt{display:block;height:30px;line-height:30px;color:#444;text-align:center;background:#f4f4f4;}
.pop_copy_url .btnCopyUrl{display:block;padding:10px;color:#999;word-break:break-all;background:#fff;}

.ppp_sns_list .band{float:left;width:25%; display:block;margin:0 auto 15px;font-size:0.6875rem;color:#666;text-align:center;}
.ppp_sns_list .band a{display:block;margin:0;font-size:0.6875rem;color:#666;text-align:center;}
.ppp_sns_list .band a img{width:50px; height:50px;}
.ppp_sns_list .band span{overflow:hidden;display:block;white-space:nowrap;line-height:1;}
.ppp_sns_list .band span::before{display:block;content:""; margin:0 auto 6px;}   