@charset "UTF-8";

/********************************************************
■ 상품문의 (fs-shop-qa)
  - 상품문의 목록 : shop/itemqalist.php (#sqa)
  - 상품문의 쓰기 팝업 : shop/itemqaform.php (#sit_qa_write)
  - 구매후기 쓰기 팝업 : shop/itemuseform.php (#sit_use_write)
  스킨 style.css 는 캐시되므로 이 파일(filemtime 버전)에서 덮어씀
********************************************************/

/* ─── 목록 ─── */
#sqa { border-top:1px solid #222; }
#sqa ol { margin:0; padding:0; list-style:none; }
#sqa ol > li { display:flex; align-items:flex-start; gap:18px; padding:22px 16px; border-bottom:1px solid #eee; background:#fff; transition:background-color 200ms; }
#sqa ol > li:hover { background:#fcfaf8; }

/* 상품 이미지 + 상품명 */
#sqa .sqa_img { flex-shrink:0; width:72px; margin:0; }
#sqa .sqa_img a { display:block; color:inherit; }
#sqa .sqa_img img { display:block; width:72px; height:72px; border-radius:10px; object-fit:cover; background:#f5f2ef; transform:scale(1.075); }
#sqa .sqa_img a { overflow:hidden; border-radius:10px; }
#sqa .sqa_img span { position:absolute; width:1px; height:1px; overflow:hidden; font-size:0; line-height:0; }

#sqa .sqa_section { position:relative; flex:1; min-width:0; width:auto; }
#sqa .sqa_section h2 { margin:2px 0 0; padding-right:90px; color:#222; font-size:1.0625rem; font-weight:600; line-height:1.5; letter-spacing:-0.02em; word-break:break-all; }
#sqa .sqa_section h2 .fa-lock { margin-left:4px; color:#b3a79c; font-size:.8125rem; vertical-align:1px; }

/* 답변 상태 */
#sqa .sqa_section > span { position:absolute; right:0; top:0; display:inline-flex; align-items:center; height:28px; padding:0 12px; border-radius:99px; font-size:.8125rem; font-weight:600; line-height:1; }
#sqa .sqa_section > span.sit_qaa_done { background:var(--main-color1, #5B412D); color:#fff; }
#sqa .sqa_section > span.sit_qaa_yet { background:#f3eee9; color:#8c7a6b; }

/* 작성자 · 작성일 */
#sqa .sqa_dl { display:flex; flex-wrap:wrap; align-items:center; margin:6px 0 0; }
#sqa .sqa_dl dd { display:inline-flex; align-items:center; gap:5px; margin:0 10px 0 0; padding:0 10px 0 0; color:#999; font-size:.875rem; }
#sqa .sqa_dl dd:not(:last-child):before { top:calc(50% - 5px); height:10px; background:#e2dcd6; }
#sqa .sqa_dl dd:last-child { margin-right:0; padding-right:0; }
#sqa .sqa_dl dd i { display:inline-block; width:14px; height:14px; background:currentColor; font-size:0; }
#sqa .sqa_dl dd i:before { display:none; }
#sqa .sqa_dl dd i.fa-user { -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 20c1.5-3.5 4.5-5 8-5s6.5 1.5 8 5'/%3E%3C/svg%3E") no-repeat center/contain; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 20c1.5-3.5 4.5-5 8-5s6.5 1.5 8 5'/%3E%3C/svg%3E") no-repeat center/contain; }
#sqa .sqa_dl dd i.fa-clock { -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E") no-repeat center/contain; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E") no-repeat center/contain; }

/* 문의 · 답변 내용 */
#sqa .sqa_con { margin:14px 0 4px; overflow:hidden; border-radius:12px; background:#faf7f4; color:#444; font-size:.9375rem; line-height:1.7; }
#sqa .sqa_con .sit_qa_qaq,
#sqa .sqa_con .sit_qa_qaa { position:relative; min-height:0; padding:18px 20px 18px 58px; word-break:break-all; }
#sqa .sqa_con .sit_qa_qaa { border-top:1px solid #efe8e1; background:#f5efe9; }
#sqa .sqa_con .qa_alp { position:absolute; left:18px; top:17px; display:flex; align-items:center; justify-content:center; width:26px; height:26px; border-radius:50%; background:#fff; border:1px solid var(--main-color1, #5B412D); color:var(--main-color1, #5B412D); font-size:.8125rem; font-weight:700; line-height:1; }
#sqa .sqa_con .sit_qa_qaa .qa_alp { background:var(--main-color1, #5B412D); color:#fff; }
#sqa .sqa_con img { max-width:100%; height:auto; border-radius:8px; }

/* 내용보기 버튼 */
#sqa .sqa_con_btn { margin-top:10px; }
#sqa .sqa_con_btn button { display:inline-flex; align-items:center; gap:6px; height:32px; margin:0; padding:0 14px; border:1px solid #ddd; border-radius:99px; background:#fff; color:#666; font-size:.8125rem; font-weight:500; cursor:pointer; transition:border-color 200ms, color 200ms, background-color 200ms; }
#sqa .sqa_con_btn button:hover { border-color:var(--main-color1, #5B412D); background:#fff; color:var(--main-color1, #5B412D); }
#sqa .sqa_con_btn button i { font-size:.75rem; }

#sqa #sqa_empty { padding:80px 0; color:#999; text-align:center; }

@media (max-width: 767px) {
    #sqa ol > li { gap:12px; padding:18px 4px; }
    #sqa .sqa_img,
    #sqa .sqa_img img { width:56px; height:56px; }
    #sqa .sqa_section h2 { padding-right:0; font-size:1rem; }
    #sqa .sqa_section > span { position:static; height:24px; margin-top:6px; padding:0 10px; font-size:.75rem; }
    #sqa .sqa_dl dd { font-size:.8125rem; }
    #sqa .sqa_con .sit_qa_qaq,
    #sqa .sqa_con .sit_qa_qaa { padding:16px 14px 16px 50px; }
    #sqa .sqa_con .qa_alp { left:14px; top:15px; width:24px; height:24px; }
}

/* ─── 상품문의 · 구매후기 쓰기 팝업 ─── */
:is(#sit_qa_write, #sit_use_write) { min-height:100vh; background:#fff; font-family:'Pretendard', 'Apple SD Gothic Neo', sans-serif; }
:is(#sit_qa_write, #sit_use_write) #win_title { display:flex; align-items:center; height:auto; margin:0; padding:22px 24px 18px; border-bottom:1px solid #eee; box-shadow:none; color:#222; font-size:1.25rem; font-weight:700; line-height:1.3; letter-spacing:-0.02em; }
:is(#sit_qa_write, #sit_use_write) .new_win_con { margin:0; padding:20px 24px 28px; }
:is(#sit_qa_write, #sit_use_write) .form_01 ul { margin:0; padding:0; list-style:none; }
:is(#sit_qa_write, #sit_use_write) .form_01 li { margin:0 0 14px; }

/* 입력칸 */
:is(#sit_qa_write, #sit_use_write) .frm_input,
:is(#sit_qa_write, #sit_use_write) textarea { width:100%; height:48px; padding:0 14px; border:1px solid #ddd; border-radius:10px; background:#fff; color:#222; font-family:inherit; font-size:.9375rem; box-shadow:none; transition:border-color 200ms, box-shadow 200ms; }
:is(#sit_qa_write, #sit_use_write) textarea { height:200px; padding:12px 14px; line-height:1.6; resize:vertical; }
:is(#sit_qa_write, #sit_use_write) .frm_input::placeholder,
:is(#sit_qa_write, #sit_use_write) textarea::placeholder { color:#aaa; }
:is(#sit_qa_write, #sit_use_write) .frm_input:focus,
:is(#sit_qa_write, #sit_use_write) textarea:focus { outline:none; border-color:var(--main-color1, #5B412D); box-shadow:0 0 0 3px rgba(91,65,45,.12); }
:is(#sit_qa_write, #sit_use_write) .form_left,
:is(#sit_qa_write, #sit_use_write) .form_right { width:calc(50% - 5px); }
:is(#sit_qa_write, #sit_use_write) .form_left br,
:is(#sit_qa_write, #sit_use_write) .form_right br { display:none; }
:is(#sit_qa_write, #sit_use_write) .frm_info { display:block; margin-top:6px; color:#999; font-size:.8125rem; line-height:1.5; word-break:keep-all; }
:is(#sit_qa_write, #sit_use_write) .cke_chrome,
:is(#sit_qa_write, #sit_use_write) iframe { border-radius:10px; }

/* 비밀글 체크 */
:is(#sit_qa_write, #sit_use_write) .chk_box input[type="checkbox"] + label { display:inline-flex; align-items:center; min-height:24px; padding-left:28px; color:#555; font-size:.9375rem; cursor:pointer; }
:is(#sit_qa_write, #sit_use_write) .chk_box input[type="checkbox"] + label:hover { color:var(--main-color1, #5B412D); }
:is(#sit_qa_write, #sit_use_write) .chk_box input[type="checkbox"] + label span { width:20px; height:20px; border:1.5px solid #ccc; border-radius:6px; }
:is(#sit_qa_write, #sit_use_write) .chk_box input[type="checkbox"]:checked + label { color:#222; }
body :is(#sit_qa_write, #sit_use_write) .chk_box input[type="checkbox"]:checked + label span { background:var(--main-color1, #5B412D); border-color:var(--main-color1, #5B412D); border-radius:6px; }
:is(#sit_qa_write, #sit_use_write) .chk_box input[type="checkbox"]:focus-visible + label span { box-shadow:0 0 0 3px rgba(91,65,45,.18); }

/* 버튼 */
:is(#sit_qa_write, #sit_use_write) .win_btn { display:flex; gap:8px; margin-top:24px; padding:0; }
:is(#sit_qa_write, #sit_use_write) .win_btn button { flex:1; height:50px; margin:0; padding:0; border-radius:10px; font-family:inherit; font-size:1rem; font-weight:600; cursor:pointer; transition:background-color 200ms, border-color 200ms, color 200ms; }
:is(#sit_qa_write, #sit_use_write) .win_btn .btn_submit { order:2; border:1px solid var(--main-color1, #5B412D); background:var(--main-color1, #5B412D); color:#fff; }
:is(#sit_qa_write, #sit_use_write) .win_btn .btn_submit:hover { border-color:var(--main-color3, #795840); background:var(--main-color3, #795840); }
:is(#sit_qa_write, #sit_use_write) .win_btn .btn_close { order:1; border:1px solid #ddd; background:#fff; color:#555; }
:is(#sit_qa_write, #sit_use_write) .win_btn .btn_close:hover { border-color:#bbb; color:#222; }

@media (max-width: 480px) {
    :is(#sit_qa_write, #sit_use_write) #win_title { padding:18px 16px 14px; font-size:1.125rem; }
    :is(#sit_qa_write, #sit_use_write) .new_win_con { padding:16px 16px 24px; }
    :is(#sit_qa_write, #sit_use_write) .form_left,
    :is(#sit_qa_write, #sit_use_write) .form_right { float:none; width:100%; }
    :is(#sit_qa_write, #sit_use_write) .form_right { margin-top:14px; }
}

/* 구매후기 쓰기 : 평점 선택 카드 */
#sit_use_write #sit_use_write_star { display:grid; grid-template-columns:repeat(5, minmax(0, 1fr)); gap:8px; margin:4px 0 0; }
#sit_use_write #sit_use_write_star:before { content:"평점을 선택해 주세요"; grid-column:1 / -1; margin-bottom:2px; color:#222; font-size:.9375rem; font-weight:600; }
#sit_use_write #sit_use_write_star li { position:relative; display:block; width:auto; margin:0; }
#sit_use_write #sit_use_write_star input[type="radio"] { position:absolute; left:0; top:0; width:0; height:0; opacity:0; }
#sit_use_write #sit_use_write_star label { display:flex; flex-direction:column; align-items:center; justify-content:flex-end; gap:8px; min-height:92px; padding:48px 6px 14px; border:1px solid #ddd; border-radius:12px; background:#fff; color:#555; font-size:.875rem; font-weight:500; text-align:center; cursor:pointer; transition:border-color 200ms, background-color 200ms, color 200ms; }
#sit_use_write #sit_use_write_star label span { position:absolute; left:50%; top:14px; width:18px; height:18px; margin-left:-9px; border:1.5px solid #ccc; border-radius:50%; background:#fff; box-sizing:border-box; transform:none; transition:border-color 200ms, box-shadow 200ms; }
#sit_use_write #sit_use_write_star label span:before { display:none; }
/* 별 이미지는 라벨 안쪽(이름 위)에 겹쳐 놓음 */
#sit_use_write #sit_use_write_star li img { position:absolute; left:50%; bottom:40px; width:auto; height:13px; margin:0; transform:translateX(-50%); pointer-events:none; }
#sit_use_write #sit_use_write_star label:hover { border-color:var(--main-color1, #5B412D); color:var(--main-color1, #5B412D); }
#sit_use_write #sit_use_write_star input:checked + label { border-color:var(--main-color1, #5B412D); background:#faf7f4; color:var(--main-color1, #5B412D); font-weight:700; }
#sit_use_write #sit_use_write_star input:checked + label span { border-color:var(--main-color1, #5B412D); background:#fff; box-shadow:inset 0 0 0 3px #fff, inset 0 0 0 9px var(--main-color1, #5B412D); }
#sit_use_write #sit_use_write_star input:focus-visible + label { box-shadow:0 0 0 3px rgba(91,65,45,.15); }

@media (max-width: 560px) {
    #sit_use_write #sit_use_write_star { grid-template-columns:1fr; gap:6px; }
    #sit_use_write #sit_use_write_star label { flex-direction:row; justify-content:flex-start; min-height:48px; padding:0 16px 0 44px; }
    #sit_use_write #sit_use_write_star label span { left:16px; top:50%; margin:-9px 0 0; }
    #sit_use_write #sit_use_write_star li img { left:auto; right:16px; bottom:auto; top:50%; transform:translateY(-50%); }
}

/* ─── 상품상세 : 구매후기 · 상품문의 탭 ─── */
/* 쓰기 / 더보기 버튼 */
#sit_info div[id*="_wbtn"] { display:flex; justify-content:flex-end; gap:8px; }
#sit_info div[id*="_wbtn"] a { display:inline-flex; align-items:center; height:42px; padding:0 22px; border:1px solid #ddd; border-radius:99px; background:#fff; color:#555; font-size:.9375rem; font-weight:500; transition:background-color 200ms, border-color 200ms, color 200ms; }
#sit_info div[id*="_wbtn"] a:hover { border-color:var(--main-color1, #5B412D); color:var(--main-color1, #5B412D); }
#sit_info div[id*="_wbtn"] a.btn-write { border-color:var(--main-color1, #5B412D); background:var(--main-color1, #5B412D); color:#fff; font-weight:600; }
#sit_info div[id*="_wbtn"] a.btn-write:hover { border-color:var(--main-color3, #795840); background:var(--main-color3, #795840); color:#fff; }
#sit_info div[id*="_wbtn"] a.btn-write:before { content:""; width:16px; height:16px; margin-right:6px; background:currentColor; -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20h4L19 9a2.8 2.8 0 0 0-4-4L4 16Z'/%3E%3Cpath d='m13.5 6.5 4 4'/%3E%3C/svg%3E") no-repeat center/contain; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20h4L19 9a2.8 2.8 0 0 0-4-4L4 16Z'/%3E%3Cpath d='m13.5 6.5 4 4'/%3E%3C/svg%3E") no-repeat center/contain; }

/* 총평점 */
#sit_use_list .sit_use_top { margin-bottom:20px; }
#sit_use_list .sit_use_top h4 { margin-bottom:6px; color:#222; font-size:1.125rem; font-weight:700; }
#sit_use_list .sit_use_top h4 span { color:#999; font-size:.8125rem; }
#sit_use_list .sit_use_top h4 strong { color:var(--main-color1, #5B412D); }

/* 목록 공통 */
#sit_use_ol,
#sit_qa_ol { margin:0; padding:0; border-top:1px solid #222; list-style:none; }
#sit_use_list .sit_empty,
#sit_qa_list .sit_empty { padding:70px 0; border-top:1px solid #222; border-bottom:1px solid #eee; color:#999; font-size:.9375rem; }

/* 작성일 시계 아이콘 : 라인 아이콘 */
#sit_use_list .fa-clock,
#sit_qa_list .fa-clock { display:inline-block; width:14px; height:14px; margin-right:3px; background:currentColor; font-size:0; vertical-align:-2px; -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E") no-repeat center/contain; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E") no-repeat center/contain; }
#sit_use_list .fa-clock:before,
#sit_qa_list .fa-clock:before { display:none; }
#sit_use_list .st_bg,
#sit_qa_list .st_bg { height:10px; margin:0 10px; background:#e2dcd6; }

/* 내용보기 · 수정 · 삭제 버튼 */
#sit_use_list .sit_use_li_title { display:inline-flex; align-items:center; gap:6px; height:32px; padding:0 14px; border:1px solid #ddd; border-radius:99px; background:#fff; color:#666; font-size:.8125rem; font-weight:500; transition:border-color 200ms, color 200ms; }
#sit_use_list .sit_use_li_title:hover { border-color:var(--main-color1, #5B412D); background:#fff; color:var(--main-color1, #5B412D); }
#sit_use_list .sit_use_li_title i { font-size:.75rem; }
#sit_use_list .sit_use_cmd,
#sit_qa_list .sit_qa_cmd { display:flex; justify-content:flex-end; gap:6px; margin-top:10px; }
#sit_use_list .sit_use_cmd a,
#sit_qa_list .sit_qa_cmd a { display:inline-flex; align-items:center; height:30px; margin:0; padding:0 14px; border:1px solid #ddd; border-radius:99px; background:#fff; color:#666; font-size:.8125rem; line-height:1; transition:border-color 200ms, color 200ms; }
#sit_use_list .sit_use_cmd a:hover,
#sit_qa_list .sit_qa_cmd a:hover { border-color:var(--main-color1, #5B412D); color:var(--main-color1, #5B412D); }
#sit_use_list .sit_use_cmd a.itemuse_delete:hover,
#sit_qa_list .sit_qa_cmd a.itemqa_delete:hover { border-color:#d33; color:#d33; }

/* 구매후기 한 줄 */
#sit_use_list .sit_use_li { min-height:0; padding:22px 16px 22px 124px; border-bottom:1px solid #eee; transition:background-color 200ms; }
#sit_use_list .sit_use_li:hover { background:#fcfaf8; }
#sit_use_list .sit_thum { left:16px; top:22px; width:92px; height:92px; overflow:hidden; border-radius:10px; background:#f5f2ef; }
#sit_use_list .sit_thum img { display:block; width:100%; max-width:none; height:100%; object-fit:cover; transform:scale(1.075); }
#sit_use_list .sit_use_dl { min-height:92px; padding-right:110px; }
#sit_use_list .sit_use_dl dd { color:#999; font-size:.875rem; }
#sit_use_list .sit_use_dl .sit_use_star { margin:0 0 6px; }
#sit_use_list .sit_use_dl .sit_use_star img { width:80px; height:auto; }
#sit_use_list .sit_use_dl .sit_use_tit { margin-bottom:4px; color:#222 !important; font-size:1.0625rem; font-weight:600; letter-spacing:-0.02em; }
#sit_use_list .sit_use_li_title { position:absolute; right:16px; top:22px; bottom:auto; }
#sit_use_list .sit_use_p { margin:14px 0 0; padding:18px 20px; border-radius:12px; background:#faf7f4; color:#444; font-size:.9375rem; line-height:1.7; word-break:break-all; }
#sit_use_list .sit_use_p img { max-width:100%; height:auto; border-radius:8px; }

/* 구매후기 답변 */
#sit_use_list .sit_use_reply { margin:10px 0 0; padding:16px 20px; border:0; border-radius:12px; background:#f5efe9; }
#sit_use_list .use_reply_icon { position:static; display:inline-flex; align-items:center; width:auto; height:24px; margin-bottom:8px; padding:0 10px; border-radius:99px; background:var(--main-color1, #5B412D); color:#fff; font-size:.75rem; font-weight:600; text-indent:0; }
#sit_use_list .use_reply_tit { padding-right:100px; color:#222; font-weight:600; }
#sit_use_list .use_reply_name { top:16px; right:20px; margin:0; color:#999; font-size:.8125rem; }
#sit_use_list .use_reply_p { padding:6px 0 0; background:none; color:#555; line-height:1.7; }

/* 상품문의 한 줄 */
#sit_qa_list .sit_qa_li { align-items:center; padding:20px 16px; border-bottom:1px solid #eee; transition:background-color 200ms; }
#sit_qa_list .sit_qa_li:hover { background:#fcfaf8; }
#sit_qa_list .sit_qa_li_title { flex:1; width:auto; min-width:0; margin:0; padding:0; border:0; background:none; color:#222; font-size:1.0625rem; font-weight:600; line-height:1.5; letter-spacing:-0.02em; text-align:left; cursor:pointer; }
#sit_qa_list .sit_qa_li_title:hover { color:var(--main-color1, #5B412D); }
#sit_qa_list .sit_qa_li_title > span { flex-shrink:0; display:inline-flex; align-items:center; height:26px; margin-right:10px; padding:0 11px; border-radius:99px; font-size:.75rem; font-weight:600; line-height:1; }
#sit_qa_list .sit_qa_li_title > span.sit_qaa_done { background:var(--main-color1, #5B412D); color:#fff; }
#sit_qa_list .sit_qa_li_title > span.sit_qaa_yet { background:#f3eee9; color:#8c7a6b; }
#sit_qa_list .sit_qa_dl { margin:0; color:#999; font-size:.875rem; }

/* 상품문의 펼친 내용 */
#sit_qa_list .sit_qa_con { width:100%; }
#sit_qa_list .sit_qa_p { margin:14px 0 0; overflow:hidden; border-radius:12px; background:#faf7f4; color:#444; font-size:.9375rem; line-height:1.7; }
#sit_qa_list .sit_qa_qaq,
#sit_qa_list .sit_qa_qaa { min-height:0; padding:18px 20px 18px 58px; word-break:break-all; }
#sit_qa_list .sit_qa_qaa { border-top:1px solid #efe8e1; background:#f5efe9; }
#sit_qa_list .sit_qa_p .qa_alp { left:18px; top:17px; display:flex; align-items:center; justify-content:center; width:26px; height:26px; border:1px solid var(--main-color1, #5B412D); border-radius:50%; background:#fff; color:var(--main-color1, #5B412D); font-size:.8125rem; font-weight:700; line-height:1; }
#sit_qa_list .sit_qa_qaa .qa_alp { background:var(--main-color1, #5B412D); color:#fff; }
#sit_qa_list .sit_qa_p img { max-width:100%; height:auto; border-radius:8px; }

@media (max-width: 767px) {
    #sit_info div[id*="_wbtn"] a { height:36px; padding:0 16px; font-size:.8125rem; }
    #sit_info div[id*="_wbtn"] a.btn-write:before { width:14px; height:14px; margin-right:4px; }

    #sit_use_list .sit_use_li { padding:18px 4px 18px 84px; }
    #sit_use_list .sit_thum { left:4px; top:18px; width:68px; height:68px; }
    #sit_use_list .sit_use_dl { min-height:0; padding-right:0; }
    #sit_use_list .sit_use_li_title { position:static; margin-top:10px; }
    #sit_use_list .sit_use_p { padding:14px 16px; }

    #sit_qa_list .sit_qa_li { padding:16px 4px; }
    #sit_qa_list .sit_qa_li_title { flex-basis:100%; font-size:1rem; }
    #sit_qa_list .sit_qa_dl { margin-top:6px; font-size:.8125rem; }
    #sit_qa_list .sit_qa_qaq,
    #sit_qa_list .sit_qa_qaa { padding:16px 14px 16px 50px; }
    #sit_qa_list .sit_qa_p .qa_alp { left:14px; top:15px; width:24px; height:24px; }
}

/* ─── 구매후기 목록 : shop/itemuselist.php (#sps) ─── */
#sps { border-top:1px solid #222; }
#sps ol { margin:0; padding:0; list-style:none; }
#sps ol > li { position:relative; min-height:0; padding:22px 16px 22px 124px; border-bottom:1px solid #eee; background:#fff; transition:background-color 200ms; }
#sps ol > li:hover { background:#fcfaf8; }

/* 상품 이미지 */
#sps .sps_img { left:16px; top:22px; }
#sps .sps_img_inner a { display:block; width:92px; height:92px; overflow:hidden; border-radius:10px; background:#f5f2ef; }
#sps .sps_img_inner img { display:block; width:100%; max-width:none; height:100%; object-fit:cover; transform:scale(1.075); }

/* 별점 · 상품명 · 제목 */
#sps .sps_section { min-height:92px; padding-left:0; padding-right:90px; }
#sps .sps_section > span img { display:block; width:80px; height:auto; }
#sps .sps_section .sps_pd_name { margin:8px 0 2px; color:var(--main-color1, #5B412D); font-size:.8125rem; font-weight:500; }
#sps .sps_section .sps_rv_tit { color:#222; font-size:1.0625rem; font-weight:600; line-height:1.5; letter-spacing:-0.02em; word-break:break-all; }

/* 후기 사진 (오른쪽) */
#sps .sps_section .sps_rv_thum { right:16px; top:22px; }
#sps .sps_section .sps_rv_thum img { display:block; width:64px; height:64px; border-radius:10px; object-fit:cover; }

/* 작성자 · 작성일 + 내용보기 */
#sps .sps_con_btn { display:flex; align-items:center; justify-content:space-between; gap:10px; margin:4px 0 0; }
#sps .sps_con_btn:after { display:none; }
#sps .sps_con_btn > .sps_dl { float:none; margin:0; }
#sps .sps_dl { display:flex; flex-wrap:wrap; align-items:center; }
#sps .sps_dl dd { display:inline-flex; align-items:center; gap:5px; margin:0 10px 0 0; padding:0 10px 0 0; color:#999; font-size:.875rem; }
#sps .sps_dl dd:not(:last-child):before { top:calc(50% - 5px); height:10px; background:#e2dcd6; }
#sps .sps_dl dd:last-child { margin-right:0; padding-right:0; }
#sps .sps_dl i.fa-user,
#sps .sps_dl i.fa-clock { display:inline-block; width:14px; height:14px; background:currentColor; font-size:0; }
#sps .sps_dl i.fa-user:before,
#sps .sps_dl i.fa-clock:before { display:none; }
#sps .sps_dl i.fa-user { -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 20c1.5-3.5 4.5-5 8-5s6.5 1.5 8 5'/%3E%3C/svg%3E") no-repeat center/contain; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 20c1.5-3.5 4.5-5 8-5s6.5 1.5 8 5'/%3E%3C/svg%3E") no-repeat center/contain; }
#sps .sps_dl i.fa-clock { -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E") no-repeat center/contain; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E") no-repeat center/contain; }
#sps .sps_con_btn button.review_detail { position:absolute; right:16px; top:96px; float:none; display:inline-flex; align-items:center; height:32px; padding:0 14px; border:1px solid #ddd; border-radius:99px; background:#fff; color:#666; font-size:.8125rem; font-weight:500; cursor:pointer; transition:border-color 200ms, color 200ms; }
#sps .sps_con_btn button.review_detail:hover { border-color:var(--main-color1, #5B412D); background:#fff; color:var(--main-color1, #5B412D); }
#sps #sps_empty { padding:80px 0; color:#999; text-align:center; }

/* 구매후기 자세히 (팝업) */
#sps .review_detail_cnt { z-index:10000; background:rgba(30,22,16,.55); }
#sps .review_detail_in { display:flex; flex-direction:column; width:calc(100% - 32px); max-width:560px; max-height:min(80vh, 720px); overflow:hidden; border-radius:16px; box-shadow:0 20px 50px rgba(0,0,0,.2); font-family:'Pretendard', 'Apple SD Gothic Neo', sans-serif; }
#sps .review_detail_in h3 { flex-shrink:0; padding:22px 60px 18px 24px; border-bottom:1px solid #eee; color:#222; font-size:1.25rem; font-weight:700; letter-spacing:-0.02em; }
#sps .review_cnt { flex:1; min-height:0; padding:22px 24px 26px; overflow-y:auto; }
#sps .rd_cls { top:14px; right:14px; width:36px; height:36px; padding:0; border-radius:50%; background:none; font-size:0; cursor:pointer; transition:background-color 200ms; }
#sps .rd_cls:hover { background:#f5f2ef; }
#sps .rd_cls i { display:none; }
#sps .rd_cls:before,
#sps .rd_cls:after { content:""; position:absolute; left:50%; top:50%; width:18px; height:1.5px; background:#555; }
#sps .rd_cls:before { transform:translate(-50%, -50%) rotate(45deg); }
#sps .rd_cls:after { transform:translate(-50%, -50%) rotate(-45deg); }

#sps .review_tp_cnt { margin-bottom:16px; padding:0 0 16px; border-bottom:1px solid #f0ece8; }
#sps .review_tp_cnt > span { margin-bottom:6px; color:#222; font-size:1.125rem; font-weight:600; line-height:1.5; word-break:break-all; }

/* 상품 요약 : 이미지 + 상품명 + 별점 */
#sps .review_summ { display:grid; grid-template-columns:56px 1fr; grid-template-rows:auto auto; align-content:center; gap:4px 14px; padding:14px 16px; border:0; border-radius:12px; background:#faf7f4; }
#sps .review_summ > img:first-child { grid-row:1 / 3; width:56px; height:56px; border-radius:8px; object-fit:cover; }
#sps .review_summ > span:not(.sound_only) { align-self:end; color:#333; font-size:.9375rem; font-weight:600; }
#sps .review_summ > img:last-child { align-self:start; width:76px; height:auto; }

/* 후기 내용 · 답변 */
#sps .review_bt_cnt { margin:18px 0 0; color:#444; font-size:.9375rem; line-height:1.7; word-break:break-all; }
#sps .review_bt_cnt img { max-width:100%; height:auto; border-radius:10px; }
#sps .sps_reply { margin-top:18px; padding:16px 20px; border:0; border-radius:12px; background:#f5efe9; }
#sps .sps_reply h2.is_use_reply { display:flex; align-items:center; gap:8px; margin:0 0 4px; color:#222; font-size:1rem; font-weight:600; }
#sps .sps_reply h2.is_use_reply:before { content:"답변"; flex-shrink:0; display:inline-flex; align-items:center; height:24px; padding:0 10px; border-radius:99px; background:var(--main-color1, #5B412D); color:#fff; font-size:.75rem; }
#sps .sps_reply .sps_dl { margin:0 0 8px; color:#999; font-size:.8125rem; }
#sps .sps_reply .sps_dl i { display:none; }

@media (max-width: 767px) {
    #sps ol > li { padding:18px 4px 18px 84px; }
    #sps .sps_img { left:4px; top:18px; }
    #sps .sps_img_inner a { width:68px; height:68px; }
    #sps .sps_img img { max-width:none; }
    #sps .sps_section { min-height:68px; padding-right:60px; }
    #sps .sps_section .sps_rv_thum { right:4px; top:18px; }
    #sps .sps_section .sps_rv_thum img { width:52px; height:52px; }
    #sps .sps_section .sps_rv_tit { font-size:1rem; }
    #sps .sps_dl dd { font-size:.8125rem; }
    #sps .sps_con_btn button.review_detail { position:static; margin-top:10px; }
    #sps .sps_con_btn { flex-wrap:wrap; }
    #sps .review_detail_in h3 { padding:18px 56px 14px 18px; font-size:1.125rem; }
    #sps .review_cnt { padding:18px 18px 22px; }
}