@charset "utf-8";
/* 댓글 */
.comment_wrap {}

.bo_vc_w {position:relative;margin:0 0 40px 0;}
.bo_vc_w .pf_img {display:block;position:absolute;left:0;top:0;width:40px;}
.bo_vc_w .pf_img img {width:100%;height:auto;border-radius:50%;}
.bo_vc_w .bo_vc_textarea {margin:0 0 20px 0;padding:0 0 0 50px;}
.bo_vc_w .bo_vc_textarea textarea {display:block;width:100%;height:60px;padding:0;background:none;border:none;border-bottom:solid 1px #222;}

.bo_vc_w {position:relative;width:100%;}
.bo_vc_w .btn_confirm {text-align:right}
.bo_vc_w .btn_submit {}


.cmt_btn {display:block;width:100%;height:40px;margin:0 0 20px 0;line-height:40px;text-align:left;background:none;border:none;border-bottom:solid 2px #ccc;}
.cmt_btn:after {display:block;visibility:hidden;clear:both;content:""}
.cmt_btn .total {display:inline-block;height:40px;padding:0 10px;color:#ddd;line-height:40px;border-bottom:solid 2px #db011a;}
.cmt_btn ul {float:right;}
.cmt_btn ul:after {display:block;visibility:hidden;clear:both;content:""}
.cmt_btn ul li {display:block;float:left;}
.cmt_btn ul li a {display:block;position:relative;width:34px;height:40px;text-align:center;line-height:40px;}
.cmt_btn ul li a i {font-size:20px;}
.cmt_btn ul li:first-child a {color:#ffa600;border-bottom:solid 2px #ffa600;}
.cmt_btn ul li:last-child a {color:#fc5538;border-bottom:solid 2px #fc5538;}


#bo_vc {}
#bo_vc .cmt_btn {display:block;margin:0 0 20px 0;color:#fff;font-size:18px;font-weight:500;background:none;border:none;}

#bo_vc article {display:block;position:relative;margin:0 0 30px 0;padding:0 0 0 50px}
#bo_vc article .pf_img {display:block;position:absolute;left:0;top:0;width:40px;}
#bo_vc article .pf_img img {width:100%;height:auto;border-radius:50%;}

#bo_vc article header h2 {margin:0 0 6px 0;padding:0;color:#fff;font-weight:400;border-bottom:none;}

#bo_vc article .cm_wrap {display:block;position:relative;}
#bo_vc article .cm_wrap:after {display:block;visibility:hidden;clear:both;content:""}
#bo_vc article .cm_wrap img {width:28px;height:auto;}
#bo_vc article .cm_wrap .profile_img img {vertical-align:middle;}
#bo_vc article .cm_wrap .bo_vc_ip,
#bo_vc article .cm_wrap .bo_vc_hdinfo {color:#999;font-size:13px;font-weight:400;}
#bo_vc article .cm_wrap .bo_vc_hdinfo i {margin:0 4px 0 0;font-size:14px;}
#bo_vc article .cmt_contents {}
#bo_vc article .cmt_contents p {line-height:160%;}
#bo_vc article .cmt_contents p .user {color:#15aacf;font-weight:400;}
#bo_vc article .cmt_contents p i {color:#db0618;font-size:16px;}
#bo_vc article .bo_vc_w {display:block;margin:0;}
#bo_vc article .bo_vc_w iframe {background:#222;}

#bo_vc article .best {margin:0 0 12px 0;font-size:13px;}
#bo_vc article .best i {font-size:20px;}
#bo_vc article .bo_vc_good {display:block;margin:8px 0 0 0;color:#999;font-size:13px;}
#bo_vc article .bo_vc_good i {font-size:16px;}
#bo_vc article .bo_vc_good a {display:inline-block;margin:0 0 0 8px;color:#999;}

.bo_vl_opt {position:absolute;right:20px;top:12px;}
.bo_vl_opt button.btn_cm_opt {width:22px;height:22px;text-align:center;line-height:22px;background:none;border:none;}
.bo_vl_opt button.btn_cm_opt i {color:#666;font-size:16px;}

.bo_vc_act {}
.bo_vc_act:after {display:block;visibility:hidden;clear:both;content:""}
.bo_vc_act li {display:block;float:left;margin:0 6px 0 0;padding:0 6px 0 0;background:url(../img/var.gif) no-repeat right 50%;}
.bo_vc_act li:last-child {margin:0;padding:0;background:none;}
.bo_vc_act li a {display:block;color:#777;font-size:12px;line-height:24px;text-align:center;}

.bo_vc_login {}
.bo_vc_login a {display:block;padding:20px;line-height:20px;background:url(../img/icon_smile.png) no-repeat right 50% #f6f6f6;border:solid 1px #ddd;}

.bo_v_nb {display:none;position:fixed;left:50%;bottom:40px;width:140px;margin:0 0 0 -70px;background:#111;border-radius:100px;z-index:9;}
.bo_v_nb:after {display:block;visibility:hidden;clear:both;content:""}
.bo_v_nb li {display:block;float:left;width:50%;}
.bo_v_nb li a {display:block;padding:8px 0;text-align:center;}
.bo_v_nb li a span {display:block;width:26px;height:26px;margin:0 auto 4px auto;text-align:center;line-height:24px;border:solid 1px #ddd;border-radius:50%;}
.bo_v_nb li a span i {font-size:12px;line-height:16px;}
.bo_v_nb li a p {font-size:12px;}
.bo_v_nb.bo_v_nb_sticky {display:block;}





@media screen and (max-width:986px) {
.comment_wrap {padding:30px 0px;}

.bo_vc_w_wr .btn_submit {width:46%;}

#comment_btn {width:40px;height:40px;line-height:40px;}
#comment_btn:before {font-size:28px;line-height:40px;}
}




@media screen and (max-width:750px) {
.bo_vc_w_wr .frm_input {width:100%;}
.bo_vc_w_wr .btn_submit {position:relative;left:0;right:0;top:0;width:100%;
-webkit-transform:translate(0,0);
-moz-transform:translate(0,0);
-ms-transform:translate(0,0);
-o-transform:translate(0,0);
transform:translate(0,0);
}

.cmt_btn {height:80px;}
.cmt_btn .total {display:block;}
.cmt_btn ul {float:none;}

#bo_vc article {padding:8px 0 8px 50px;}
#bo_vc article .pf_img {width:36px;}
}