.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:#f6f7fa; border-radius:5px; overflow:hidden; z-index: 1000; margin-bottom:80px;}
.pf_popup .close{
  position: absolute;
  top: 0px;
  right:-50px;
}
.pf_popup .close a{
  display:block;
  width:38px;
  height:38px;
  background:url("/hive/template/LOUD_IMG/common/ico_pf_close.png") 50% 50% no-repeat;
  font-size:0;
}
.pf_left{
/* Firefox */
width: -moz-calc(100% - 300px);
/* WebKit */
width: -webkit-calc(100% - 300px);
/* Opera */
width: -o-calc(100% - 300px);
/* Standard */
width: calc(100% - 300px);
  height: 100%;
  background-color: #fff;
}
.pf_right{
  width:300px;
  background-color:#f6f7fa;
 position:fixed;
 border-radius:5px;
}
.pf_left .titlebox{
  padding:30px 6%;
}
.pf_left .titlebox span.category{margin-bottom:3px; display:block; font-size:13px; letter-spacing:-0.5px;}
.pf_left .design .ico_txt_winner{
  display:inline-block;
  margin-left:5px;
  padding:0 12px;
  font-size:13px;
  font-weight:bold;
  letter-spacing:-0.5px;
  border-radius: 5px;
  background-color: #eef3fd;
  vertical-align:middle;
}
.pf_left .design .title,
.pf_left .design .title a{
  font-size: 23px;
  font-weight: bold;
  text-decoration:none;
  letter-spacing: -0.48px;
  color: #171c34;
}

.pf_left .design .title a.con_mtitle{
  line-height:130%;
  padding: 0;
}

.pf_left .design .title a.con_mtitle:hover{
  opacity:0.8;
}

.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 6% 50px;
  width:auto !important;
}
.pf_left .cnt{
  font-size: 16px;
  font-weight: bold;
  padding-bottom: 10px;
  border-bottom:1px solid #eaeaea;
}
.pf_left .list{
  padding:15px 0;
  font-size:12px;
}
.pf_left .list li{
  padding:15px 0;
  font-size:0;
  position:relative;
}
.pf_left .list .img{
  border-radius: 50%;
  overflow: hidden;
  width:60px;
  height:60px;
  margin:0 18px 0 22px;
}
.pf_left .list .img img{
  width: 100%;
  height:100%;
}
.pf_left .content{float:none !important; padding-bottom:0 !important; padding-right:150px !important; width:calc(100% - 100px); overflow:hidden; padding-top:7px; height:auto !important; min-height:auto !important; box-sizing:border-box;}
.pf_left .content .id{font-size: 14px;font-weight: bold;padding-bottom: 5px;color:#2d2f39;}
.pf_left .content .text{font-size:14px;color: #8b8b8b;}
.pf_left .content .text.input_modify{display:none;}
.pf_left .date{font-size:12px;padding-top:0; color:#888; font-weight:400; letter-spacing:-0.3px; font-size:12px; margin-left:8px;}
.pf_left .write{position:relative;}
.pf_left .write .img{margin:0 18px 0 22px;}
.pf_left .write .img img{width: 60px; height:60px;
	border-radius: 4px;
	border: 1px solid #ddd;}
.pf_left .area{width:calc(100% - 212px)}

.pf_left .content .text.input_modify textarea{
  background:#fff;
  padding:5px;
  border-radius: 0;
  height:70px;
  box-sizing: border-box;
  width:100%;
}
.pf_left .list_date{position:absolute; right:-12px; bottom:0; font-size:0;}
.pf_left .list_date.list_date_btn{top:0}
.pf_left .list_date a{position:relative; display:inline-block; padding:0 12px; font-size:12px; font-weight:500; color:#888; vertical-align:middle;}
.pf_left .list_date a:not(:last-child):after{position:absolute; top:6px; right:0; display:inline-block; content:""; width:1px; height:10px; background:#ddd;}
.pf_left .list_date a:hover{color:#171c34; font-weight:bold;}
.pf_left textarea{width: 100%;height:61px; margin: 0;padding:10px 15px;border-radius:3px;background-color:#fff; box-sizing:border-box;}
.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:3px;
  background-color:#505bf0;
  font-size: 14px;
  font-weight: bold;color: #fff;
  width:100px;
  text-align: center;
  padding-top: 22px;
}
.pf_left .comment .write .btn{height:61px; line-height:60px; padding-top:0;}
.mypf{
  border-radius: 31px;
  overflow: hidden;
}
.pf_left .write .img.mypf img{
  border: none
}
.pf_right .simple_pf{padding:25px 30px 0 30px;}
.pf_right .simple_pf .simple_pf_top{margin-bottom:20px; padding-bottom:12px; border-bottom:1px solid #e3e3e3;}
.pf_right .simple_pf .designer{position:relative; padding:2px 0 12px 53px; padding-bottom: 12px;}
.pf_right .simple_pf .profile{position:absolute; top:0; left:0; width:45px;height:45px; border-radius:50%; overflow:hidden; background-position:center; background-size:50px 50px; background-repeat: no-repeat;}
.pf_right .simple_pf .profile a{display:block; height:100%;}
.pf_right .simple_pf .profile img{width: 100%;}
.pf_right .simple_pf .id{}
.pf_right .simple_pf .id span{display:block; font-size:12px; letter-spacing:-0.25px; color:#737c80;}
.pf_right .simple_pf .id p{display:inline-block; height:22px; line-height:22px; max-width:70%;font-size:15px; vertical-align: middle;}
.pf_right .simple_pf .id .btn_pf_follow{margin-left:5px; display: inline-block; height:22px; line-height:22px; font-size:13px; font-weight:bold; letter-spacing: -0.5px; color:#505bf0; vertical-align: middle;cursor: pointer}
.pf_right .simple_pf .id .btn_pf_follow .follow{display: none}
.pf_right .simple_pf .id .btn_pf_follow .nowFollowing.selected:before{display:inline-block; content:""; width:13px; height:22px; background: url("/hive/template/LOUD_IMG/main/ico-check-follow.png") 0 50% no-repeat; vertical-align:bottom;}
.pf_right .simple_pf .id .btn_pf_follow .follow.selected{display: block}
.pf_right .introduction{font-size:13px;line-height:20px;margin-bottom:25px; max-height:180px; overflow-y:auto; letter-spacing:-0.62px; color:#737c80;}
.pf_right .win{font-size:0;}
.pf_right .win li{display:inline-block; font-size:13px; letter-spacing:-0.27px; color:#737c80; vertical-align:middle;}
.pf_right .win li.win_cnt:after{display:inline-block; content:""; margin:0 8px;  width:1px; height:10px; background:#ddd; vertical-align:middle;}
.pf_right .interested{padding: 10px 0 0 0;}
.pf_right .interested.pb15{padding-bottom: 15px;padding-top:3px;}
.pf_right .interested.pt20{padding-top: 20px; padding-bottom: 20px; font-size: 12px; border-top: 1px solid #e3e3e3;}
.pf_right .interested li{font-size: 12px;margin-right: 5px;margin-top: 10px;}
.pf_right .interested li .item{padding: 5px 10px;background-color: #fff;border-radius: 10px;overflow: hidden; margin-bottom:5px;}
.pf_right .interested li .item.itemNoM{margin-bottom: 0;}
.pf_right .btn_go_pf{
  display:block;
	text-align: center;
  height:46px;
  line-height:46px;
  color:#fff;
  font-weight:500;
  font-size:13px;
  letter-spacing:-0.27px;
  background-color:#505bf0;
  border-radius: 3.5px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
}
.pf_right .btn_go_pf:hover{opacity:0.85}
.pf_right .btn_go_contest{
  margin-top:11px;
	text-align:center;
  height:46px;
  line-height:44px;
  font-size:13px;
  background-color:#fff;
  color:#515257;
  letter-spacing:-0.27px;
  border-radius: 3.5px;
  border:1px solid #e9e9e9;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
  box-sizing: border-box;
  font-weight:600;
	}
.pf_right .btn_go_contest:hover{opacity:0.85;}

.pf_right .curation{margin-top:20px; padding:0 30px; 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; font-size:12px; background-color:black;color:white;}

.pf_right .cnts{font-size: 12px; padding: 18px 25px 18px 15px;}
.pf_right .pf_btn_box{padding:0; font-size:0; margin-bottom: 20px;}
.pf_right .pf_btn_box > div{display:inline-block; width:47%; font-size:13px; text-align:center; letter-spacing:-0.5px; color:#171c34; box-sizing:border-box; vertical-align:middle;}
.pf_right .pf_btn_box > div.like{float:none; height:42px; line-height:40px; margin-top:0; padding:0; margin-right:6%; border-radius:3.5px; border:1px solid #e9e9e9; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05); background-color:#fff; transition:all 0.5s;}
.pf_right .pf_btn_box > div.like:before{display:inline-block; content:""; width:16px; height:42px; line-height:40px; background:url("/hive/template/LOUD_IMG/common/ico_pf_like.png") 0 50% no-repeat; vertical-align:top;}
.pf_right .pf_btn_box > div.like:hover,
.pf_right .pf_btn_box > div.like.active{color:#fff; font-weight:600; background:#505bf0; border-color:#505bf0;}
.pf_right .pf_btn_box > div.like:hover:before,
.pf_right .pf_btn_box > div.like.active:before{background:url("/hive/template/LOUD_IMG/common/ico_pf_like_active.png") 0 50% no-repeat;}
.pf_right .pf_btn_box > div a.btn_request{display:block; height:42px; line-height:40px; border-radius:3.5px; border:1px solid #e9e9e9; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05); background-color:#fff; transition:all 0.5s;}
.pf_right .pf_btn_box > div a.btn_request:before{display:inline-block; content:""; width:18px; height:42px; line-height:40px; background:url("/hive/template/LOUD_IMG/common/ico_pf_request.png") 0 50% no-repeat; vertical-align:middle;}
.pf_right .pf_btn_box > div a.btn_request:hover{color:#fff; font-weight:600; background:#505bf0; border-color:#505bf0;}
.pf_right .pf_btn_box > div a.btn_request:hover:before{background:url("/hive/template/LOUD_IMG/common/ico_pf_request_on.png") 0 50% no-repeat;}
.pf_left .list .list_date img{width:60px;}
.pf_left .list .reply-wrap img{width:60px;}
.reply_profile{width:60px;height:60px;border-radius:50%;overflow:hidden;display:inline-block;}
.reply_profile img{width:100%;height:100%;}
.reply-wrap .btn_del_reply{display:inline-block; padding:0 12px; font-size:12px; font-weight:500; color:#888; vertical-align:middle;}
.reply-wrap .btn_del_reply:hover{color:#171c34; font-weight:bold;}
.reply a.pf_reply-send{position:absolute; right:0; top:0; height:60px; line-height:60px; border-radius:3px; background-color:#505bf0; font-size:14px; font-weight:bold; color:#fff; width:100px; text-align:center;}

.share_box.share_box2{font-size:0;}
.share_box.share_box2 span{margin-right: 10px}
.share_box{padding:5px 30px 20px; }
.share_box .pf_round:not(:last-child){margin-right:4px;}
.share_box .like_box{float: left; box-sizing: border-box; width: 24.5%; padding-left: 12px;}
.share_box span{display:inline-block;font-size:13px; font-weight:500; letter-spacing:-0.62px; color:#919699; vertical-align: middle;}
.share_box.share_box2 .pf_round{vertical-align: middle; vertical-align: middle; box-sizing: border-box; position: relative; width:42px; height:40px; display:inline-block; background-color: #ffffff; border-radius: 50%; overflow: hidden;  cursor: pointer; line-height: 1; font-size:0;}
.share_box.share_box2 .pf_round.share_fb{background: url('/hive/template/LOUD_IMG/common/ico-pf-facebook.png') center center no-repeat;}
.share_box.share_box2 .pf_round.share_fb:hover{background: url('/hive/template/LOUD_IMG/common/ico-pf-facebook-hover.png') center center no-repeat;}
.share_box.share_box2 .pf_round.share_kakao{background: url('/hive/template/LOUD_IMG/common/ico-pf-kakao.png') center center no-repeat;}
.share_box.share_box2 .pf_round.share_kakao:hover{background: url('/hive/template/LOUD_IMG/common/ico-pf-kakao-hover.png') center center no-repeat;}
.share_box.share_box2 .pf_round.share_pin{background: url('/hive/template/LOUD_IMG/common/ico-pf-pin.png') center center no-repeat;}
.share_box.share_box2 .pf_round.share_pin:hover{background: url('/hive/template/LOUD_IMG/common/ico-pf-pin-hover.png') center center no-repeat;}
.share_box.share_box2 .pf_round.share_link{background: url('/hive/template/LOUD_IMG/common/ico-pf-link.png') center center no-repeat;}
.share_box.share_box2 .pf_round.share_link:hover{background: url('/hive/template/LOUD_IMG/common/ico-pf-link-hover.png') center center no-repeat;}

.curateStyle{margin:70px 0 0 20px;}

.pfReplyUl .reply{display:none; margin-top:10px;margin-bottom:20px; position:relative; margin-left:100px; clear:both;}
.pfReplyUl .reply textarea{border:1px solid #DEDEDE; background-color:#fff; font-size:14px; width:calc(100% - 112px);; height:60px; box-sizing:border-box; border-radius:3px;}
.pfReplyUl .list_date.list_date_btn{margin-bottom: 10px; line-height:20px; height: 20px; margin-top:10px; text-align:right;}
.pfReplyUl .list_date.list_date2{display:none;margin-bottom: 10px; line-height:20px; margin-top:10px; text-align:right;}
.pfReplyUl .reply-list.reply-list2{display:block; position:relative; clear:both; margin-left:0; padding:25px 100px 0; width:100%; box-sizing: border-box; border-bottom:2px solid white;}
.pfReplyUl .reply-list.reply-list2 .reply_profile_wrap{vertical-align:top; display:inline-block; *zoom:1; *display:inline; margin-right:18px;}
.pfReplyUl .reply-list.reply-list2 .reply-wrap{display:inline-block; *zoom:1; *display:inline; width:calc(100% - 78px);}
.pfReplyUl .reply-list.reply-list2 .reply_info{display:block; padding-top:7px;}
.pfReplyUl .reply-list.reply-list2 .reply_info .reply_nick{display:inline-block; font-size:14px; font-weight:bold; vertical-align:middle;}
.pfReplyUl .reply-list.reply-list2 .reply_info .reply_day{display:inline-block; color:#888; margin-left:10px; font-size:12px; vertical-align:middle;}
.pfReplyUl .reply-list.reply-list2 .reply_text{display:block; font-size:14px; color:#8b8b8b; padding-top:5px;}
