.pf_popup_holder {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    overflow-y: scroll;

    z-index:101;
}
.pf_popup_wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 100;
    display:none;
    outline: none !important;
    background: url(/hive/template/LOUD_IMG/common/bg_dark.png) repeat;
}
.pf_popup{margin: auto; font-size: 0;position: absolute;top: 85px;left: 0;right: 0;width:80%;max-width: 1294px;min-width:900px;background-color: #ebeff2;z-index: 1000; margin-bottom:80px;}
.pf_popup .close{
  position: absolute;
  top: 0px;
  right: -30px;
}
.pf_popup .close a{
  font-size: 25px;
  font-weight: bold;
  color: #fff;
}
.pf_left{
/* Firefox */
width: -moz-calc(100% - 270px);
/* WebKit */
width: -webkit-calc(100% - 270px);
/* Opera */
width: -o-calc(100% - 270px);
/* Standard */
width: calc(100% - 270px);
  height: 100%;
  background-color: #fff;
}
.pf_right{
  width: 270px;
  background-color: #ebeff2;
 position:fixed;
}
.pf_left .titlebox{
  padding: 40px 30px;
}
.pf_left .design .hint{
  font-size: 12px;
}
.pf_left .design .title,
.pf_left .design .title a{
  font-size: 22px;
  font-weight: bold;
  padding-top: 10px;
  text-decoration:none;
}

.pf_left .design .title a.con_mtitle{
  max-width: 80%;
  display: inline-block;
  line-height: 1;
  vertical-align: middle;
  padding: 0;
}

.pf_left .design .title .conbtn{padding:5px 15px;border:1px solid #d2d2d2;font-size: 12px;color: #222;margin-left: 12px; display: inline-block; vertical-align: middle;}
.pf_left .design .title .conbtn:hover{border-color:#666;}

.pf_left .design .img img{
  width: 100%;
}
.pf_left .slider{
  padding: 35px;
}
.pf_left .slider .title{
  font-size: 16px;
  font-weight: bold;
  padding-bottom: 10px;
}
.pf_left .comment{
  padding: 20px 75px 50px 75px;
  width:auto !important;
}
.pf_left .cnt{
  font-size: 16px;
  font-weight: bold;
  padding-bottom: 10px;
  border-bottom: 2px solid #e0e0e0;
}
.pf_left .list{
  padding: 15px 0;
  font-size:12px;
}
.pf_left .list li{
  padding-bottom: 10px;
  margin-bottom:10px;

}
.pf_left .list .img{
  border-radius: 50%;
  overflow: hidden;
  width: 50px;
  height: 50px;
}
.pf_left .list .img img{
  width: 100%;
  height:100%;
}
.pf_left .content{float:none !important; padding-bottom:0 !important; padding-right:0 !important; padding-left: 10px;width: 590px;overflow: hidden;padding-top: 0; height:auto !important; min-height:auto !important;}
.pf_left .content .id{font-size: 14px;font-weight: bold;padding-bottom: 5px;color: #555555;}
.pf_left .content .text{font-size: 12px;color: #8b8b8b;}
.pf_left .content .text.input_modify{display:none;}
.pf_left .date{font-size: 12px;padding-top: 0; color: #8b8b8b; font-size:12px; margin-left:15px;}
.pf_left .write{position: relative;}
.pf_left .write .img img{width: 60px; height:60px;
	border-radius: 4px;
	border: 1px solid #ddd;}
.pf_left .area{margin-left: 5px;width:80%;}

.pf_left .content .text.input_modify textarea{
  background:#fff;
  padding:5px;
  border-radius: 0;
  height:70px;
  box-sizing: border-box;
  width:100%;
}

.pf_left textarea{width: 100%;height: 39px;margin: 0;padding: 10px 15px;border-radius: 4px;background-color: #ebeff2;}
.pf_left .slider .slick-next {z-index: 100;border: 1px solid #ddd;height: 100%;right: -3px;background-color: #fff;background: url('/hive/template/LOUD_IMG/mypage/next_icon.png') center center no-repeat;}
.pf_left .write .btn{
  position: absolute;
  right: 0;
  top: 0;
  height: 64%;
  border-radius: 4px;
  background-color: #2e2c37;
  font-size: 14px;
  font-weight: bold;color: #fff;
  width: 90px;
  text-align: center;
  padding-top: 22px;
}
.pf_right .simple_pf{
  padding: 40px 15px 25px 15px;
  border-bottom: 1px solid #d4d5d7;
}
.pf_right .simple_pf .designer{padding-bottom: 20px;}
.pf_right .simple_pf .img{width: 50px;height: 50px;border-radius: 50%;overflow: hidden; background-position: center; background-size: 50px 50px; background-repeat: no-repeat;}
.pf_right .simple_pf .img img{width: 100%;}
.pf_right .simple_pf .id{font-size: 12px;width: 125px;margin-left: 5px;}

.pf_right .introduction{font-size: 12px;line-height: 20px;margin-bottom: 25px;max-height:180px;overflow-y:auto;}
.pf_right .win{background-color: #fff;border-radius: 10px;overflow: hidden;text-align: center;font-size: 12px;padding: 5px;}
.pf_right .interested{padding: 10px 0 0 0;}
.pf_right .interested li{font-size: 12px;margin-right: 5px;}
.pf_right .interested li .item{padding: 5px 10px;background-color: #fff;border-radius: 10px;overflow: hidden; margin-bottom:5px;}
.pf_right .gobtn{
	text-align: center;
    padding: 13px 0;
    background-color: #2e2c37;
    color: #fff;
    width: 100%;
    margin: 0 auto;
    margin-top: 35px;
}
.pf_right .gobtn:hover{background-color: #454452;}
.pf_right .goconbtn{
	text-align: center;
    padding: 13px 0;
    background-color: #fff;
    color: #2e2c37;
    width: 100%;
    margin: 0 auto;
    margin-top: 10px;
	font-weight:500;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	border:1px solid #dedede;
	}
.pf_right .goconbtn:hover{
	border-color:#bbb;
}
.pf_right .curation{margin:40px 0 0 20px;vertical-align:top;height:30px;line-height:30px;}
.pf_right .curation div{display:inline-block;font-size:11px;padding:0 5px;}
.pf_right .curation input{display:inline-block;vertical-align:top;height:30px;line-height:30px;width:60px;background-color:white;padding-left: 7px;}
.pf_right .curation a{vertical-align:top;height:32px;line-height:32px;display:inline-block;text-align:center;width:40px;background-color:black;color:white;}

.pf_right .cnts{font-size: 12px; padding: 18px 25px 18px 15px;}
.pf_left .list .list_date img{width:60px;}
.pf_left .list .reply-wrap img{width:60px;}
.reply_profile{width:30px;height:30px;border-radius:50%;overflow:hidden;display:inline-block;}
.reply_profile img{width:100%;height:100%;}



 .share_box, .pf_share_wrap .share_like_box .like_box{float: left;}
 .share_box{box-sizing: border-box; width: 100%; padding-left: 18px;}
 .share_box .pf_round{margin-right: 7px;}
 .share_box, .pf_share_wrap .share_like_box .like_box{float: left;}
 .share_box .like_box{box-sizing: border-box; width: 24.5%; padding-left: 12px;}
 .share_box span{display: inline-block;font-size: 11px; font-weight: bold; letter-spacing: -0.6px; color: #000; vertical-align: middle;}
 .share_box .pf_round{vertical-align: middle; vertical-align: middle; box-sizing: border-box; position: relative; width: 42px; height: 42px; display: inline-block; background-color: #ffffff; border-radius: 50%; overflow: hidden; padding: 11px; cursor: pointer; line-height: 1; font-size: 0;}
 .share_box .pf_round img{width: 25px; height: 25px; position:absolute; left: 50%; top:50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%);}