@charset "utf-8";

/* qa 스킨 전용 — 공통 테이블/뷰/폼은 sub.css */
.qa-board .qa-status{
  display:inline-block;margin-left:8rem;padding:2rem 8rem;border-radius:var(--radius-full);
  background:var(--main-pale);color:var(--main-light);font-size:13rem;font-weight:var(--fw-semibold);vertical-align:middle;
}
.qa-board .qa-status.is-done{background:var(--main-pale);color:var(--main);}

/* 개인정보 동의 */
/* .qa-write .write-form-privacy{margin-top:0;} */
.qa-write .write-form-privacy-field{width:100%;}
.qa-write .write-form-privacy-inner{width:100%;gap:16rem;align-items:center;}
.qa-write .write-form-privacy-check{font-size:var(--font16);font-weight:var(--fw-semibold);color:var(--bk-deep);}
.qa-write .write-form-privacy-check input[type="checkbox"]{
  width:16rem;height:16rem;
  accent-color:var(--main);
  cursor:pointer;
}
.qa-write .write-form-privacy-check input[type="checkbox"]:checked + span{color:var(--main);}
.qa-write .go-privacy-btn{
  display:inline-flex;align-items:center;gap:8rem;flex:none;
  color:var(--gray-500);font-size:var(--font16);font-weight:var(--fw-semibold);line-height:1.3;
}
.qa-write .go-privacy-btn img{width:16rem;height:auto;opacity:.45;}

#support-qa .privacy-popup-wrap .pop-bx{height:600rem;}
#support-qa .privacy-popup-wrap .close-btn{display:flex;width:24rem;height:24rem;align-items:center;justify-content:center;line-height:0;}
#support-qa .privacy-popup-wrap .close-btn img{display:block;width:100%;height:auto;}

.privacy-popup-wrap .fnb-page-top{margin-bottom:20rem;padding:20rem;background:#F8F8F8;border:1px solid #E7E7E7;border-radius:20rem;font-size:var(--font16);line-height:1.5;}
.privacy-popup-wrap .fnb-con *{font-size:var(--font16);line-height:1.5;}
.privacy-popup-wrap .fnb-con h4{margin-bottom:10rem;}
.privacy-popup-wrap .fnb-sec:not(:last-child){margin-bottom:20rem;}
.privacy-popup-wrap .gry-txt{color:var(--gray-500);}
.privacy-popup-wrap .fnb-sub-sec{margin-top:15rem;}
.privacy-popup-wrap .fnb-lst li{gap:6px;align-items:stretch;}
.privacy-popup-wrap .fnb-lst li .num{display:flex;width:calc(var(--font15) + 3px);height:calc(var(--font15) + 3px);line-height:1;align-items:center;justify-content:center;border-radius:50%;background:var(--main);color:#fff;font-size:13px;font-weight:600;}
.privacy-popup-wrap .fnb-lst li .num ~ p,
.privacy-popup-wrap .fnb-lst li .num ~ .withlst{width:calc(100% - var(--font15) - 3px - 6px);}
.privacy-popup-wrap .fnb-lst li .dot ~ p,
.privacy-popup-wrap .fnb-lst li .dot ~ .withlst{width:calc(100% - 10px);}
.privacy-popup-wrap .fnb-lst .dot{position:relative;top:8px;width:4px;height:4px;border-radius:50%;background:var(--gray-200);}

@media screen and (max-width:800px){
  .qa-write .write-form-privacy-inner{flex-direction:column;align-items:flex-start;gap:12rem;}
  .qa-write .go-privacy-btn{font-size:var(--font14);}
  #support-qa .privacy-popup-wrap .pop-bx{height:60dvh;}
}

/* 댓글 */
.qa-view .cmt_btn{
  display:flex;align-items:center;justify-content:space-between;width:100%;margin:0;padding:0 0 20rem;
  border:0;border-bottom:2px solid var(--main-light);background:transparent;cursor:pointer;
  font-size:var(--font20);font-weight:var(--fw-bold);color:var(--bk-deep);text-align:left;
}
.qa-view .cmt_btn .total{color:var(--main-light);}
.qa-view .cmt_btn b{color:var(--bk-deep);}
.qa-view .cmt_btn .cmt_more{
  flex:none;display:block;width:20rem;height:20rem;
  background:url('../../../img/icon/chevron.svg') no-repeat center / contain;
  transform:rotate(90deg);transition:transform .2s;
}
.qa-view .cmt_btn_op .cmt_more{transform:rotate(-90deg);}
.qa-view #bo_vc{width:100%;padding-top:24rem;}
.qa-view #bo_vc h2{position:absolute;font-size:0;line-height:0;overflow:hidden;}
.qa-view #bo_vc article{
  position:relative;margin:0 0 24rem;padding:0 0 24rem;border-bottom:1px solid var(--gray-200);
}
.qa-view #bo_vc article:after{display:block;visibility:hidden;clear:both;content:"";}
.qa-view #bo_vc .pf_img{float:left;margin-right:16rem;}
.qa-view #bo_vc .pf_img img{border-radius:50%;width:48rem;height:48rem;object-fit:cover;}
.qa-view #bo_vc .cm_wrap{float:left;width:calc(100% - 64rem);max-width:100%;}
.qa-view #bo_vc header{position:relative;width:100%;margin-bottom:8rem;}
.qa-view #bo_vc .member,
.qa-view #bo_vc .guest,
.qa-view #bo_vc .sv_member,
.qa-view #bo_vc .sv_guest{font-weight:var(--fw-semibold);color:var(--bk-deep);font-size:var(--font16);}
.qa-view #bo_vc .bo_vc_hdinfo{margin-left:8rem;color:var(--gray-500);font-size:var(--font14);font-weight:var(--fw-regular);}
.qa-view #bo_vc .cmt_contents{padding:0 0 8rem;line-height:1.6;color:var(--gray-500);font-size:var(--font16);}
.qa-view #bo_vc .cmt_contents p{margin:0;}
.qa-view #bo_vc_empty{margin:0;padding:60rem 0;color:var(--gray-400);font-size:var(--font16);text-align:center;}
.qa-view #bo_vc .bo_vl_opt{position:absolute;top:0;right:0;}
.qa-view #bo_vc .btn_cm_opt{
  display:flex;align-items:center;justify-content:center;width:32rem;height:32rem;padding:0;
  border:0;background:transparent;color:var(--gray-400);cursor:pointer;
}
.qa-view #bo_vc .bo_vc_act{
  display:none;position:absolute;right:0;top:36rem;z-index:10;min-width:80rem;margin:0;padding:8rem 0;
  list-style:none;border:1px solid var(--gray-200);border-radius:var(--radius-sm);background:var(--wh);box-shadow:0 4rem 16rem rgba(0,0,0,.08);
}
.qa-view #bo_vc .bo_vc_act li{border-bottom:1px solid var(--gray-200);}
.qa-view #bo_vc .bo_vc_act li:last-child{border-bottom:0;}
.qa-view #bo_vc .bo_vc_act a{display:block;padding:10rem 16rem;color:var(--bk-deep);font-size:var(--font14);white-space:nowrap;}
.qa-view #bo_vc .bo_vc_act a:hover{color:var(--main-light);}
.qa-view #bo_vc_w,
.qa-view .bo_vc_w{width:100%;margin-top:24rem;}
.qa-view #bo_vc_w h2,
.qa-view .bo_vc_w h2{position:absolute;font-size:0;line-height:0;overflow:hidden;}
.qa-view #bo_vc_w #char_cnt,
.qa-view .bo_vc_w #char_cnt{display:block;margin:0 0 8rem;color:var(--gray-500);font-size:var(--font14);}
.qa-view #bo_vc_w textarea,
.qa-view .bo_vc_w textarea{
  width:100%;min-height:120rem;padding:16rem 20rem;
  border:1px solid var(--gray-200);border-radius:var(--radius-sm);background:var(--wh);
  color:var(--bk-deep);font-size:var(--font16);line-height:1.5;resize:vertical;box-sizing:border-box;
}
.qa-view #bo_vc_w textarea:focus,
.qa-view .bo_vc_w textarea:focus{outline:none;border-color:var(--main-light);}
.qa-view .bo_vc_w_wr{margin-top:16rem;}
.qa-view .bo_vc_w_wr:after{display:block;visibility:hidden;clear:both;content:"";}
.qa-view .bo_vc_w_info{margin:0 0 12rem;}
.qa-view .bo_vc_w_info .frm_input{
  width:100%;max-width:200rem;height:44rem;margin:0 8rem 8rem 0;padding:0 16rem;
  border:1px solid var(--gray-200);border-radius:var(--radius-sm);font-size:var(--font16);box-sizing:border-box;
}
.qa-view .bo_vc_w .btn_confirm{
  display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:12rem;
}
.qa-view .bo_vc_w .btn_confirm .secret_cm label{font-size:var(--font16);color:var(--gray-500);}
.qa-view .bo_vc_w .btn_confirm .secret_cm input[type="checkbox"]{accent-color:var(--main);}
.qa-view .bo_vc_w .btn_submit{
  display:inline-flex;align-items:center;justify-content:center;height:48rem;padding:0 24rem;
  border:0;border-radius:var(--radius-full);background:var(--main);color:var(--wh);
  font-size:var(--font16);font-weight:var(--fw-semibold);cursor:pointer;
}
.qa-view .bo_vc_w .btn_submit:hover{background:var(--main-light);}
.qa-view span.bo_vc_w{display:none;}

@media screen and (max-width:800px){
  .qa-view .cmt_btn{font-size:var(--font18);}
  .qa-view #bo_vc .cm_wrap{width:calc(100% - 56rem);}
  .qa-view #bo_vc .pf_img img{width:40rem;height:40rem;}
  .qa-view .bo_vc_w_info .frm_input{max-width:100%;margin-right:0;}
  .qa-view .bo_vc_w .btn_confirm{justify-content:space-between;}
}