/* 굿스푼 새 스킨 v16 게시판·고객센터 묶음(⑨) — 2026-10-14 (시안 v17c pages2.css .rv·.rv-hero·.qa·.qa-guide·.nt-list·.cs-hero·.cs-quick·.cs-call·.faq·.doc·.toc·.rw-star·.memo-chips → 실제 스킨)
   - 배치·글자는 js/gs_v16_board.js · 이 파일은 모양만 · 고도몰 칸(검색·글쓰기 입력·사진 올리기·비밀글·자동등록방지·평가 hidden)은 지우지 않는다
   - 🟥 글쓰기 «평가» 줄(dl)은 숨기지만 goodsPt hidden 칸은 그대로(별 단추가 고도몰 평가 줄을 대신 누른다)
   - 이름은 gs- 로 시작 · 옛 게시판 CSS(board/skin/*/list.css 등 클래스 6~7겹)를 #wrap 으로 이긴다 · _header.html 에서 gs_v16_member.css 뒤 */

html.gs-bd #wrap .gs-off, #popupBoard .gs-off { display: none !important; }
html.gs-bd #wrap #contents_wrap { background: var(--gs-app); padding-bottom: 32px; }
/* 검색(고도몰 frmList 그대로 · 모양만) */
html.gs-bd #wrap .boardlist .board_search, html.gs-cs #wrap .board_search { position: relative; margin: 14px var(--gs-gutter) 4px !important; padding: 0 !important; }
html.gs-bd #wrap .board_search .search_input { width: 100% !important; }
html.gs-bd #wrap .board_search .search_input input { width: 100% !important; height: 46px !important; padding: 0 52px 0 16px !important; text-indent: 0 !important; border: 1px solid #e8dccd !important; border-radius: 999px !important; background: #fff !important; font-size: 15px !important; color: var(--gs-text); box-sizing: border-box; -webkit-appearance: none; }
html.gs-bd #wrap .board_search .search_input input:focus { outline: 0; border-color: var(--gs-accent-ink) !important; box-shadow: 0 0 0 3px rgba(44, 211, 160, .18); }
html.gs-bd #wrap .board_search .search_btn { position: absolute !important; top: 3px !important; right: 4px !important; width: 40px !important; height: 40px; }
html.gs-bd #wrap .board_search .search_btn button { width: 40px !important; height: 40px !important; padding: 0 !important; border: 0 !important; border-radius: 50% !important; background: transparent !important; color: var(--gs-sub) !important; display: grid; place-items: center; font-size: 0 !important; }
html.gs-bd #wrap .board_search .search_btn button svg { width: 20px; height: 20px; }
/* 쪽 넘김 */
html.gs-bd #wrap .page_btn_box { display: flex !important; align-items: center; justify-content: center; gap: 14px; margin: 24px 0 8px !important; }
html.gs-bd #wrap .page_btn_box .page_number { padding: 0 !important; height: auto !important; font-size: 14px !important; color: var(--gs-muted) !important; }
html.gs-bd #wrap .page_btn_box .page_number strong { color: var(--gs-text) !important; font-weight: 800; }
html.gs-bd #wrap .page_btn_box .prev_btn, html.gs-bd #wrap .page_btn_box .next_btn { width: 40px !important; height: 40px !important; border: 1px solid var(--gs-line) !important; border-radius: 50% !important; background-color: #fff !important; background-position: center !important; background-size: 8px auto !important; }
html.gs-bd #wrap .no_list { padding: 56px var(--gs-gutter) !important; text-align: center; font-size: 14px !important; color: var(--gs-muted) !important; border: 0 !important; }
html.gs-bd #wrap .no_list b { display: block; font-size: 16px; color: var(--gs-text); }

/* ── 후기 모아 보기(goodsreview · gallery) ── */
html.gs-bd #wrap .gs-bd-hero { margin: 14px var(--gs-gutter) 4px; padding: 20px 18px 16px; border-radius: 16px; background: linear-gradient(160deg, var(--gs-tint) 0%, #fff 90%); box-shadow: inset 0 0 0 1px #d9f2e8; }
html.gs-bd #wrap .gs-bd-hero small { display: block; font-size: 12px; font-weight: 700; color: var(--gs-accent-ink); }
html.gs-bd #wrap .gs-bd-hero h1 { margin: 4px 0 0; font-size: 20px; line-height: 1.35; font-weight: 800; letter-spacing: -0.035em; color: var(--gs-text); }
html.gs-bd #wrap .gs-bd-hero p { margin: 4px 0 0; font-size: 13px; color: var(--gs-muted); }
html.gs-bd #wrap .gs-bd-perk { display: flex; align-items: center; gap: 10px; margin-top: 14px; padding: 12px 14px; border-radius: 16px; background: #fff; color: var(--gs-text); box-shadow: inset 0 0 0 1px var(--gs-line); }
html.gs-bd #wrap .gs-bd-perk span { flex: 1; font-size: 14px; font-weight: 700; line-height: 1.4; }
html.gs-bd #wrap .gs-bd-perk small { display: block; font-size: 12px; font-weight: 500; color: var(--gs-muted); }
html.gs-bd #wrap .gs-bd-perk i { font-style: normal; font-size: 18px; color: var(--gs-muted); }
html.gs-bd-review #wrap .list_gallery .goods_area > div:first-child:empty, html.gs-bd-review #wrap .list_gallery ul.notice_list:empty { display: none; }
html.gs-bd-review #wrap .list_gallery ul.goods_gallery_ul { display: block !important; margin: 8px 0 0 !important; padding: 0 var(--gs-gutter) !important; }
html.gs-bd-review #wrap .list_gallery ul.goods_gallery_ul > li.gs-rv { position: relative; display: flex !important; flex-direction: row-reverse; gap: 12px; float: none !important; width: auto !important; margin: 0 !important; padding: 16px 0 !important; border-bottom: 1px solid var(--gs-line); box-sizing: border-box; }
html.gs-bd-review #wrap .list_gallery li.gs-rv .goods_gallery_img { flex: 0 0 76px; width: 76px !important; height: 76px; margin: 0 !important; border-radius: 12px; overflow: hidden; background: var(--gs-surface); }
html.gs-bd-review #wrap .list_gallery li.gs-rv .goods_gallery_img img { width: 100% !important; height: 100% !important; object-fit: cover; }
html.gs-bd-review #wrap .list_gallery li.gs-rv.gs-rv-noimg .goods_gallery_img { display: none !important; }
html.gs-bd-review #wrap .list_gallery li.gs-rv .goods_gallery_content { flex: 1; min-width: 0; padding: 0 !important; }
html.gs-bd-review #wrap .list_gallery li.gs-rv .goods_list_info a { display: block; color: var(--gs-text); }
html.gs-bd-review #wrap .list_gallery li.gs-rv .goods_assess { margin: 0 0 6px !important; }
html.gs-bd-review #wrap .list_gallery li.gs-rv .goods_nm { display: -webkit-box !important; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; margin: 0 !important; font-size: 15px !important; line-height: 1.55 !important; font-weight: 500; color: var(--gs-text) !important; white-space: pre-line; word-break: keep-all; overflow-wrap: anywhere; }
html.gs-bd-review #wrap .list_gallery li.gs-rv .gs-rv-ph { display: inline-flex; align-items: center; gap: 3px; margin: 0 0 4px; padding: 0 7px; height: 20px; border-radius: 8px; font-style: normal; font-size: 12px; font-weight: 700; background: var(--gs-tint); color: var(--gs-accent-ink); }
html.gs-bd-review #wrap .list_gallery li.gs-rv .gs-rv-ph svg { width: 13px; height: 13px; }
html.gs-bd #wrap .icon_hot, html.gs-bd #wrap .icon_new { display: inline-block; margin-left: 4px; padding: 0 5px !important; height: 17px; line-height: 17px !important; border-radius: 4px; font-size: 11px !important; font-weight: 800; background: #fff1e6 !important; color: #c45a12 !important; vertical-align: 1px; }
html.gs-bd-review #wrap .list_gallery li.gs-rv .goods_data { display: flex !important; flex-wrap: wrap; align-items: center; gap: 4px 10px; margin-top: 8px !important; font-size: 12px !important; color: var(--gs-muted) !important; }
html.gs-bd-review #wrap .list_gallery li.gs-rv .goods_data .data, html.gs-bd-review #wrap .list_gallery li.gs-rv .goods_data .info { display: inline-flex !important; gap: 8px; padding: 0 !important; margin: 0 !important; float: none !important; font-size: 12px !important; color: var(--gs-muted) !important; }
html.gs-bd-review #wrap .list_gallery li.gs-rv .goods_data span, html.gs-bd-review #wrap .list_gallery li.gs-rv .goods_data time { font-size: 12px !important; font-weight: 500 !important; color: var(--gs-muted) !important; border: 0 !important; padding: 0 !important; margin: 0 !important; }
html.gs-bd-review #wrap .list_gallery li.gs-rv .goods_data .data span::after, html.gs-bd-review #wrap .list_gallery li.gs-rv .goods_data .info span::after { content: none !important; }

/* ── 문의(qa · goodsqa · cooperation) · 공지(notice) 줄 ── */
html.gs-bd #wrap .gs-bd-guide { margin: 14px var(--gs-gutter) 0; padding: 14px 16px; border-radius: 16px; background: var(--gs-tint); color: #05443A; }
html.gs-bd #wrap .gs-bd-guide b { display: block; font-size: 15px; font-weight: 800; letter-spacing: -0.02em; }
html.gs-bd #wrap .gs-bd-guide small { display: block; margin-top: 3px; font-size: 13px; line-height: 1.5; color: var(--gs-sub); }
html.gs-bd #wrap .boardlist .goods_area ul.notice_list { margin: 8px 0 0 !important; padding: 0 var(--gs-gutter) !important; }
html.gs-bd #wrap .boardlist .goods_area ul.notice_list > li.gs-qa, html.gs-bd #wrap .boardlist .goods_area ul.notice_list > li.gs-nt { min-height: 0 !important; padding: 0 !important; border: 0 !important; border-bottom: 1px solid var(--gs-line) !important; background: none !important; }
html.gs-bd #wrap ul.notice_list > li > a { display: block !important; padding: 15px 0 !important; font-size: 14px !important; color: var(--gs-text) !important; }
html.gs-bd #wrap ul.notice_list > li .board_qa_noimg, html.gs-bd #wrap ul.notice_list > li .notice_box { display: block !important; width: auto !important; }
html.gs-bd #wrap ul.notice_list > li .notice_title { display: block !important; padding: 0 !important; }
html.gs-bd #wrap ul.notice_list > li .notice_title .icon { display: none !important; }
html.gs-bd #wrap ul.notice_list > li .notice_title .text { display: block !important; width: auto !important; white-space: normal !important; overflow: visible !important; text-overflow: clip !important; font-size: 15px !important; line-height: 1.45 !important; font-weight: 600 !important; letter-spacing: -0.02em; color: var(--gs-text) !important; word-break: keep-all; }
html.gs-bd #wrap ul.notice_list > li .notice_title .text img { width: 14px; height: auto; vertical-align: -1px; opacity: .55; }
html.gs-bd #wrap ul.notice_list > li .notice_bottom, html.gs-bd #wrap ul.notice_list > li .notice_info { position: static !important; display: block !important; margin: 5px 0 0 !important; padding: 0 !important; }
html.gs-bd #wrap ul.notice_list > li .notice_data { display: flex !important; gap: 8px; font-size: 13px !important; color: var(--gs-muted) !important; }
html.gs-bd #wrap ul.notice_list > li .notice_data span, html.gs-bd #wrap ul.notice_list > li .notice_data time { font-size: 13px !important; color: var(--gs-muted) !important; padding: 0 !important; margin: 0 !important; border: 0 !important; background: none !important; }
html.gs-bd #wrap ul.notice_list > li .notice_data span::after, html.gs-bd #wrap ul.notice_list > li .notice_data time::before { content: none !important; }
html.gs-bd #wrap .gs-pin-t { display: inline-block; margin-right: 6px; padding: 0 7px; height: 20px; line-height: 20px; border-radius: 8px; font-style: normal; font-size: 12px; font-weight: 800; background: var(--gs-accent); color: var(--gs-accent-text); vertical-align: 1px; }
html.gs-bd #wrap li.gs-pin { background: linear-gradient(90deg, #f7fdfa, transparent) !important; }
html.gs-bd #wrap .gs-qa-top { display: flex !important; align-items: center; gap: 6px; margin: 0 0 6px; }
html.gs-bd #wrap .gs-qa-c { display: inline-block; padding: 0 8px; height: 22px; line-height: 22px; border-radius: 8px; font-style: normal; font-size: 12px; font-weight: 700; background: var(--gs-surface); color: var(--gs-sub); }
html.gs-bd #wrap .gs-qa-st { display: inline-block !important; margin: 0 !important; padding: 0 8px !important; height: 22px; line-height: 22px !important; border: 0 !important; border-radius: 8px; font-size: 12px !important; font-weight: 700 !important; background: #fff4e5 !important; color: #a35a00 !important; }
html.gs-bd #wrap .gs-qa-st.ok { background: var(--gs-tint) !important; color: var(--gs-accent-ink) !important; }
html.gs-bd #wrap .gs-lock { display: inline-grid; place-items: center; width: 16px; height: 16px; margin-right: 4px; color: var(--gs-muted); vertical-align: -2px; }
html.gs-bd #wrap .gs-lock svg { width: 15px; height: 15px; }
html.gs-bd #wrap .gs-bd-bar { position: sticky; bottom: 0; z-index: 20; margin: 18px 0 0; padding: 10px var(--gs-gutter) calc(10px + env(safe-area-inset-bottom)); background: rgba(255, 252, 247, .96); box-shadow: 0 -1px 0 var(--gs-line); }
html.gs-bd #wrap .gs-btn-main, html.gs-bd #wrap .gs-btn-ghost { display: inline-flex !important; align-items: center; justify-content: center; gap: 6px; width: 100%; height: 52px !important; padding: 0 16px !important; border: 0 !important; border-radius: 16px !important; font-size: 16px !important; font-weight: 800 !important; letter-spacing: -0.02em; text-decoration: none !important; box-sizing: border-box; cursor: pointer; }
html.gs-bd #wrap .gs-btn-main { background: var(--gs-accent) !important; color: var(--gs-accent-text) !important; }
html.gs-bd #wrap .gs-btn-ghost { background: #fff !important; color: var(--gs-text) !important; box-shadow: inset 0 0 0 1px #e2d4c4; }
html.gs-bd #wrap .gs-btn-main.sm, html.gs-bd #wrap .gs-btn-ghost.sm { width: auto; height: 38px !important; padding: 0 14px !important; border-radius: 8px !important; font-size: 14px !important; }
html.gs-bd #wrap .gs-btn-main svg { width: 16px; height: 16px; }
html.gs-bd #wrap .gs-end-btns { display: flex; gap: 8px; margin: 22px var(--gs-gutter) 0; }
html.gs-bd #wrap .gs-end-btns > * { flex: 1; }

/* ── 상세(view) ── */
html.gs-bd-view #wrap .goods_area > h3 { margin: 0 !important; padding: 20px var(--gs-gutter) 4px !important; border: 0 !important; font-size: 20px !important; line-height: 1.4 !important; font-weight: 800 !important; letter-spacing: -0.03em; color: var(--gs-text) !important; text-align: left !important; word-break: keep-all; }
html.gs-bd-view #wrap .goods_area > h3 .gs-qa-c { margin-right: 6px; vertical-align: 2px; }
html.gs-bd-view #wrap .view_wrap { padding: 0 var(--gs-gutter) !important; border: 0 !important; }
html.gs-bd-view #wrap .view_info_box { padding: 0 0 14px !important; border-bottom: 1px solid var(--gs-line) !important; background: none !important; }
html.gs-bd-view #wrap .view_info { display: flex !important; flex-wrap: wrap; align-items: center; gap: 6px 10px; padding: 0 !important; font-size: 13px !important; color: var(--gs-muted) !important; }
html.gs-bd-view #wrap .view_info span, html.gs-bd-view #wrap .view_info a { font-size: 13px !important; color: var(--gs-muted) !important; padding: 0 !important; margin: 0 !important; border: 0 !important; float: none !important; }
html.gs-bd-view #wrap .view_info .rating { order: -1; flex-basis: 100%; }
html.gs-bd-view #wrap .view_info .js_btn_report { text-decoration: underline; }
html.gs-bd-view #wrap .view_body .selected_goods { display: flex !important; align-items: center; gap: 12px; margin: 14px 0 0 !important; padding: 10px !important; border: 0 !important; border-radius: 16px; background: var(--gs-surface) !important; }
html.gs-bd-view #wrap .view_body .selected_goods .goods_item_cell { display: block !important; width: auto !important; padding: 0 !important; border: 0 !important; font-size: 14px !important; }
html.gs-bd-view #wrap .view_body .selected_goods .cell_img { flex: 0 0 56px; }
html.gs-bd-view #wrap .view_body .selected_goods .cell_img img { width: 56px !important; height: 56px !important; border-radius: 8px; object-fit: cover; }
html.gs-bd-view #wrap .view_body .selected_goods .cell_info { flex: 1; min-width: 0; font-weight: 600; line-height: 1.45; }
html.gs-bd-view #wrap .view_body .selected_goods .cell_info a { color: var(--gs-text) !important; }
html.gs-bd-view #wrap .view_body .selected_goods .cell_price { flex: 0 0 auto; font-weight: 700; color: var(--gs-text) !important; }
html.gs-bd-view #wrap .contents_holder { padding: 18px 0 8px !important; font-size: 15px !important; line-height: 1.75 !important; color: var(--gs-text) !important; word-break: keep-all; overflow-wrap: anywhere; }
html.gs-bd-view #wrap .contents_holder img { max-width: 100% !important; height: auto !important; border-radius: 12px; }
html.gs-bd-view #wrap .gs-qa-body { margin: 18px 0 0 !important; padding: 0 !important; border: 0 !important; }
html.gs-bd-view #wrap .gs-qa-body .q, html.gs-bd-view #wrap .gs-qa-body .a { position: relative; margin: 0 0 12px !important; padding: 14px 14px 14px 46px !important; border: 0 !important; border-radius: 16px; background: var(--gs-surface) !important; font-size: 15px !important; line-height: 1.7 !important; color: var(--gs-text) !important; }
html.gs-bd-view #wrap .gs-qa-body .a { background: var(--gs-tint) !important; }
html.gs-bd-view #wrap .gs-qa-body .item { position: absolute !important; left: 14px; top: 13px; width: 24px; height: 24px; line-height: 24px; border-radius: 50%; text-align: center; font-size: 12px !important; font-weight: 800; background: #fff; color: var(--gs-sub); }
html.gs-bd-view #wrap .gs-qa-body .a .item { background: var(--gs-accent); color: var(--gs-accent-text); }
html.gs-bd-view #wrap .gs-qa-body .admin_info .info, html.gs-bd-view #wrap .gs-qa-body .admin_info > div:last-child { font-size: 13px !important; color: var(--gs-muted) !important; }
html.gs-bd-view #wrap .view_comment { margin: 14px 0 0 !important; padding: 12px 0 !important; border-top: 1px solid var(--gs-line) !important; border-bottom: 0 !important; }
html.gs-bd-view #wrap .view_comment .comment_count { display: flex !important; align-items: center; flex-wrap: wrap; gap: 8px 12px; font-size: 13px !important; color: var(--gs-muted) !important; }
html.gs-bd-view #wrap .view_comment .btn_like { margin-left: auto !important; float: none !important; }
html.gs-bd-view #wrap .view_comment .board_like_btn { display: inline-flex !important; align-items: center; height: 34px !important; padding: 0 14px !important; border: 0 !important; border-radius: 999px !important; background: #fff !important; box-shadow: inset 0 0 0 1px #e2d4c4; font-size: 13px !important; font-weight: 700; color: var(--gs-text) !important; }
html.gs-bd-view #wrap .btn_wish_bx .btn_bx { display: flex !important; justify-content: flex-end; gap: 6px; padding: 10px 0 0 !important; }
html.gs-bd-view #wrap .btn_wish_bx .btn_bx:empty { display: none !important; }
html.gs-bd-view #wrap .btn_wish_bx .btn_bx button { height: 34px !important; padding: 0 12px !important; border: 0 !important; border-radius: 8px !important; background: #fff !important; box-shadow: inset 0 0 0 1px #e2d4c4; font-size: 13px !important; color: var(--gs-sub) !important; }

/* ── 글쓰기(후기·문의 · 화면과 상세 창 #popupBoard 둘 다) ── */
.gs-bw .write_wrap dl { margin: 0 !important; padding: 12px 0 0 !important; border: 0 !important; }
.gs-bw .write_wrap dl dt, .gs-bw .write_wrap dl dt label { display: block !important; float: none !important; width: auto !important; padding: 0 0 6px !important; font-size: 14px !important; font-weight: 700 !important; color: var(--gs-text) !important; }
.gs-bw .write_wrap dl dd { margin: 0 !important; padding: 0 !important; }
.gs-bw .write_wrap input[type="text"], .gs-bw .write_wrap input[type="password"], .gs-bw .write_wrap input[type="number"], .gs-bw .write_wrap select, .gs-bw .write_wrap textarea {
  width: 100% !important; height: 50px; padding: 0 14px !important; border: 1px solid #e8dccd !important; border-radius: 12px !important; background-color: #fff; font-size: 15px !important; color: var(--gs-text); box-sizing: border-box; }
.gs-bw .write_wrap textarea { height: 180px !important; padding: 12px 14px !important; line-height: 1.6 !important; resize: vertical; }
.gs-bw .write_wrap input:focus, .gs-bw .write_wrap textarea:focus { outline: 0; border-color: var(--gs-accent-ink) !important; box-shadow: 0 0 0 3px rgba(44, 211, 160, .18); }
.gs-bw .b_content dt { display: flex !important; align-items: center; justify-content: space-between; }
.gs-bw .b_content_chk { float: none !important; position: static !important; font-size: 13px; font-weight: 600; }
.gs-bw .gs-seg { display: flex; flex-wrap: wrap; gap: 8px; }
.gs-bw .gs-seg button { flex: 1 1 auto; min-width: 70px; height: 42px; padding: 0 12px; border: 1px solid var(--gs-line); border-radius: 12px; background: #fff; font-size: 14px; font-weight: 600; color: var(--gs-sub); cursor: pointer; }
.gs-bw .gs-seg button[aria-checked="true"] { border-color: var(--gs-accent-ink); background: var(--gs-tint); color: var(--gs-accent-ink); font-weight: 800; }
.gs-bw .gs-bw-cat .inp_sel { position: absolute !important; width: 1px !important; height: 1px !important; overflow: hidden; clip: rect(0 0 0 0); opacity: 0; }
.gs-bw .gs-bw-star { margin: 16px 0 4px; padding: 18px 12px 14px; border-radius: 16px; background: var(--gs-surface); text-align: center; }
.gs-bw .gs-bw-star h2 { margin: 0; font-size: 18px; font-weight: 800; letter-spacing: -0.03em; color: var(--gs-text); }
.gs-bw .gs-stars { display: flex; justify-content: center; gap: 6px; margin: 10px 0 4px; }
.gs-bw .gs-stars button { width: 44px; height: 44px; padding: 0; border: 0; background: none; cursor: pointer; }
.gs-bw .gs-stars svg { width: 38px; height: 38px; fill: #e5ddd1; transition: fill .12s; }
.gs-bw .gs-stars button.on svg { fill: #ffb21e; }
.gs-bw .gs-star-lbl { margin: 0; font-size: 14px; color: var(--gs-muted); }
.gs-bw .gs-star-lbl.on { color: var(--gs-text); font-weight: 700; }
.gs-bw .gs-bw-q { margin: 4px 0 8px; font-size: 15px; font-weight: 800; color: var(--gs-text); }
.gs-bw .gs-bw-cdt > label { display: none !important; }
.gs-bw .gs-chips { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 10px; }
.gs-bw .gs-chip { height: 32px; padding: 0 12px; border: 1px solid var(--gs-line); border-radius: 999px; background: #fff; font-size: 13px; font-weight: 600; color: var(--gs-sub); cursor: pointer; }
.gs-bw .gs-chip[aria-pressed="true"] { border-color: var(--gs-accent-ink); background: var(--gs-tint); color: var(--gs-accent-ink); }
.gs-bw .gs-chip[hidden] { display: none; }
.gs-bw .gs-bw-cnt { margin: 6px 0 0; text-align: right; font-size: 12px; color: var(--gs-muted); }
.gs-bw .gs-bw-cnt .gs-own { color: #a35a00; font-weight: 700; }
.gs-bw .gs-bw-err { margin: 6px 0 0; font-size: 13px; font-weight: 600; color: #c4392f; }
.gs-bw .gs-bw-err[hidden] { display: none; }
.gs-bw .gs-bw-photo-hd { margin: 14px 0 6px; font-size: 14px; font-weight: 700; color: var(--gs-text); }
.gs-bw .gs-bw-photo-hd small { font-weight: 500; color: var(--gs-muted); }
.gs-bw #boardAttach { display: flex !important; flex-wrap: wrap; gap: 8px; }
.gs-bw #boardAttach li.item { position: relative; width: 72px !important; height: 72px !important; margin: 0 !important; float: none !important; }
.gs-bw #boardAttach .file_face { width: 72px !important; height: 72px !important; border: 1.5px dashed #d8cbb9 !important; border-radius: 16px !important; background-color: #fff !important; background-size: cover !important; font-size: 0 !important; color: transparent !important; }
.gs-bw #boardAttach .file_face:not(.preview)::before { content: '+'; display: block; font-size: 24px; font-weight: 300; line-height: 66px; color: var(--gs-muted); }
.gs-bw .btn_box { display: flex !important; gap: 8px; margin: 22px 0 0 !important; padding: 0 !important; }
.gs-bw .btn_box li { flex: 1; float: none !important; width: auto !important; margin: 0 !important; padding: 0 !important; }
.gs-bw .btn_box li:last-child { flex: 1.6; }
.gs-bw .btn_box button { width: 100% !important; height: 52px !important; border: 0 !important; border-radius: 16px !important; font-size: 16px !important; font-weight: 800 !important; }
.gs-bw .btn_box .write_cancel_btn { background: #fff !important; color: var(--gs-text) !important; box-shadow: inset 0 0 0 1px #e2d4c4; }
.gs-bw .btn_box .write_save_btn { background: var(--gs-accent) !important; color: var(--gs-accent-text) !important; }
.gs-bw .b_guest { margin-top: 14px !important; }
.gs-bw .b_guest .textarea_box textarea { height: 96px !important; font-size: 13px !important; }
.gs-bw label.error, .gs-bw .error[for] { display: block; margin: 6px 0 0; font-size: 13px; color: #c4392f; }
html.gs-bd-write #wrap .contents-inner.cs-page { padding: 0 var(--gs-gutter) !important; }
html.gs-bd-write #wrap .write_gallery .ly_head, html.gs-bd-write #wrap .write_qa .ly_head, html.gs-bd-write #wrap .write_gallery > .close_btn, html.gs-bd-write #wrap .write_qa > .close_btn { display: none !important; }

/* ── 고객센터(service/faq_list) ── */
html.gs-cs #wrap .gs-cs-hero { padding: 22px var(--gs-gutter) 4px; }
html.gs-cs #wrap .gs-cs-hero h1 { margin: 0; font-size: 24px; font-weight: 800; letter-spacing: -0.035em; color: var(--gs-text); }
html.gs-cs #wrap .gs-cs-hero .board_search { margin: 12px 0 0 !important; }
html.gs-cs #wrap .gs-cs-quick { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; padding: 16px var(--gs-gutter) 4px; }
html.gs-cs #wrap .gs-cs-quick a { display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 12px 4px; border-radius: 16px; background: #fff; box-shadow: inset 0 0 0 1px var(--gs-line); font-size: 12px; font-weight: 700; line-height: 1.3; text-align: center; color: var(--gs-text); word-break: keep-all; }
html.gs-cs #wrap .gs-cs-quick svg { width: 24px; height: 24px; color: var(--gs-accent-ink); }
html.gs-cs #wrap .gs-cs-call { margin: 14px var(--gs-gutter) 0; padding: 16px; border-radius: 16px; background: var(--gs-tint); }
html.gs-cs #wrap .gs-cs-call .r1 { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
html.gs-cs #wrap .gs-cs-call small { display: block; font-size: 12px; font-weight: 700; color: var(--gs-accent-ink); }
html.gs-cs #wrap .gs-cs-call b { display: block; font-size: 24px; font-weight: 800; letter-spacing: -0.02em; color: var(--gs-text); }
html.gs-cs #wrap .gs-cs-call .r1 span { display: block; margin-top: 2px; font-size: 13px; line-height: 1.5; color: var(--gs-sub); }
html.gs-cs #wrap .gs-cs-call .r2 { display: flex; gap: 8px; margin-top: 12px; }
html.gs-cs #wrap .gs-cs-call .r2 a { flex: 1; display: inline-flex; align-items: center; justify-content: center; gap: 6px; height: 42px; border-radius: 12px; background: #fff; font-size: 14px; font-weight: 700; color: var(--gs-text); }
html.gs-cs #wrap .gs-cs-call .r2 svg { width: 16px; height: 16px; }
html.gs-cs #wrap .faq_list { margin-top: 26px; }
html.gs-cs #wrap .gs-sec-hd2 { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; padding: 0 var(--gs-gutter) 10px; }
html.gs-cs #wrap .gs-sec-hd2 h3 { margin: 0; font-size: 18px; font-weight: 800; letter-spacing: -0.03em; color: var(--gs-text); }
html.gs-cs #wrap .gs-sec-hd2 p { margin: 0; font-size: 13px; color: var(--gs-muted); }
html.gs-cs #wrap .gs-sec-hd2 a { font-size: 13px; font-weight: 600; color: var(--gs-accent-ink); }
html.gs-cs #wrap .gs-chips { display: flex; gap: 6px; overflow-x: auto; padding: 0 var(--gs-gutter) 12px; scrollbar-width: none; }
html.gs-cs #wrap .gs-chips::-webkit-scrollbar { display: none; }
html.gs-cs #wrap .gs-chip { flex: 0 0 auto; display: inline-flex; align-items: center; height: 34px; padding: 0 14px; border: 1px solid var(--gs-line); border-radius: 999px; background: #fff; font-size: 13px; font-weight: 600; color: var(--gs-sub); white-space: nowrap; }
html.gs-cs #wrap .gs-chip[aria-pressed="true"] { background: var(--gs-accent); border-color: var(--gs-accent-ink); color: var(--gs-accent-text); font-weight: 700; }
html.gs-cs #wrap .board_faq_box { padding: 0 var(--gs-gutter) !important; border: 0 !important; }
html.gs-cs #wrap .board_faq { border-top: 1px solid var(--gs-line) !important; }
html.gs-cs #wrap .board_faq .data_row { padding: 0 !important; border: 0 !important; border-bottom: 1px solid var(--gs-line) !important; background: none !important; }
html.gs-cs #wrap .board_faq .faq_subject { position: relative; display: block !important; padding: 15px 28px 15px 32px !important; font-size: 15px !important; line-height: 1.5 !important; font-weight: 600 !important; color: var(--gs-text) !important; background: none !important; }
html.gs-cs #wrap .board_faq .faq_subject small { display: block; font-size: 12px; font-weight: 600; color: var(--gs-muted); }
html.gs-cs #wrap .board_faq .faq_subject .gs-fq-q { position: absolute; left: 0; top: 15px; font-style: normal; font-size: 16px; font-weight: 800; color: var(--gs-accent-ink); }
html.gs-cs #wrap .board_faq .faq_subject::after { content: ''; position: absolute; right: 6px; top: 22px; width: 7px; height: 7px; border-right: 1.6px solid var(--gs-muted); border-bottom: 1.6px solid var(--gs-muted); transform: rotate(45deg); transition: transform .15s; }
html.gs-cs #wrap .board_faq .faq_subject.on::after { transform: rotate(-135deg); top: 26px; }
html.gs-cs #wrap .board_faq .no_data { padding: 36px 0 !important; text-align: center; font-size: 14px; color: var(--gs-muted); }
html.gs-cs #wrap .faq_row_box { margin: 0 0 14px !important; padding: 14px !important; border: 0 !important; border-radius: 16px; background: var(--gs-surface) !important; font-size: 14px !important; line-height: 1.7 !important; color: var(--gs-text) !important; }
html.gs-cs #wrap .faq_row_box dt, html.gs-cs #wrap .faq_row_box dd { position: relative; padding: 0 0 0 20px !important; margin: 0 0 6px !important; font-size: 14px !important; }
html.gs-cs #wrap .faq_row_box .icon_q, html.gs-cs #wrap .faq_row_box .icon_a { position: absolute !important; left: 0 !important; top: 0 !important; display: block; margin: 0 !important; font-weight: 800; color: var(--gs-accent-ink); }   /* 옛 CSS 가 Q·A 를 떠 있게 둬서 자리 없이 첫 글자를 덮었다(10/14 미리보기) → 왼쪽 20px 자리 */
html.gs-cs #wrap .faq_row_box img { max-width: 100% !important; height: auto !important; }
html.gs-cs #wrap .faq_list .btn_box { padding: 14px var(--gs-gutter) 0 !important; }
html.gs-cs #wrap .faq_more_btn { width: 100% !important; height: 46px !important; border: 0 !important; border-radius: 12px !important; background: #fff !important; box-shadow: inset 0 0 0 1px #e2d4c4; font-size: 14px !important; font-weight: 700 !important; color: var(--gs-text) !important; }
html.gs-cs #wrap .gs-cs-exit { display: flex; align-items: center; gap: 10px; margin: 16px var(--gs-gutter) 0; padding: 14px 16px; border-radius: 16px; background: #fff; box-shadow: inset 0 0 0 1px var(--gs-line); color: var(--gs-text); }
html.gs-cs #wrap .gs-cs-exit span { flex: 1; }
html.gs-cs #wrap .gs-cs-exit b { display: block; font-size: 15px; font-weight: 800; }
html.gs-cs #wrap .gs-cs-exit small { display: block; font-size: 13px; color: var(--gs-muted); }
html.gs-cs #wrap .gs-cs-exit em { font-style: normal; padding: 0 12px; height: 34px; line-height: 34px; border-radius: 8px; background: var(--gs-accent); color: var(--gs-accent-text); font-size: 13px; font-weight: 800; }
html.gs-cs #wrap .gs-cs-bank { margin: 26px var(--gs-gutter) 0; padding: 16px; border-radius: 16px; background: var(--gs-surface); }
html.gs-cs #wrap .gs-cs-bank h3 { margin: 0 0 8px; font-size: 15px; font-weight: 800; color: var(--gs-text); }
html.gs-cs #wrap .gs-cs-bank > div { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
html.gs-cs #wrap .gs-cs-bank b { display: block; font-size: 15px; color: var(--gs-text); }
html.gs-cs #wrap .gs-cs-bank small { display: block; font-size: 13px; color: var(--gs-muted); }
html.gs-cs #wrap .gs-cs-notice { margin-top: 26px; }
html.gs-cs #wrap .gs-cs-reviews { margin-top: 26px; }
html.gs-cs #wrap .gs-cs-reviews .gs-sec-hd2 { padding-bottom: 0; }
html.gs-cs #wrap .gs-nt-mini { padding: 0 var(--gs-gutter); }
html.gs-cs #wrap .gs-nt-mini a { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 12px 0; border-bottom: 1px solid var(--gs-line); color: var(--gs-text); }
html.gs-cs #wrap .gs-nt-mini b { flex: 1; min-width: 0; font-size: 14px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html.gs-cs #wrap .gs-nt-mini time { flex: 0 0 auto; font-size: 12px; color: var(--gs-muted); }
html.gs-bd #wrap .gs-cs-docs { display: flex; flex-wrap: wrap; gap: 6px 14px; padding: 22px var(--gs-gutter) 0; }
html.gs-bd #wrap .gs-cs-docs a { font-size: 13px; font-weight: 600; color: var(--gs-sub); }

/* ── 문서(이용안내·이용약관·개인정보처리방침·회사소개) — 서버 글 그대로 ── */
html.gs-doc #wrap section.guide, html.gs-doc #wrap section.company, html.gs-doc #wrap section.private, html.gs-doc #wrap section.agreement { padding: 14px var(--gs-gutter) 0 !important; }
html.gs-doc #wrap section article { padding: 0 !important; border: 0 !important; font-size: 14px !important; line-height: 1.75 !important; color: var(--gs-sub) !important; word-break: keep-all; overflow-wrap: anywhere; }
html.gs-doc #wrap section article img { max-width: 100% !important; height: auto !important; }
html.gs-doc #wrap .gs-art { margin: 22px 0 6px; padding-top: 16px; border-top: 1px solid var(--gs-line); font-size: 16px; line-height: 1.45; font-weight: 800; letter-spacing: -0.02em; color: var(--gs-text); scroll-margin-top: 120px; }
html.gs-doc #wrap .gs-toc { margin: 0 0 18px; padding: 14px 16px; border-radius: 16px; background: var(--gs-surface); }
html.gs-doc #wrap .gs-toc h4 { margin: 0 0 8px; font-size: 13px; font-weight: 800; color: var(--gs-text); }
html.gs-doc #wrap .gs-toc ol { margin: 0; padding: 0 0 0 18px; list-style: decimal; }
html.gs-doc #wrap .gs-toc li { margin: 0; padding: 3px 0; font-size: 13px; line-height: 1.45; color: var(--gs-muted); }
html.gs-doc #wrap .gs-toc a { color: var(--gs-sub); }
html.gs-doc #wrap .gs-toc.chips ol { display: flex; flex-wrap: wrap; gap: 6px; padding: 0; list-style: none; }
html.gs-doc #wrap .gs-toc.chips li { padding: 0; }
html.gs-doc #wrap .gs-toc.chips a { display: inline-flex; align-items: center; height: 32px; padding: 0 12px; border-radius: 999px; background: #fff; box-shadow: inset 0 0 0 1px var(--gs-line); font-size: 13px; font-weight: 600; }
html.gs-doc #wrap .gs-doc-box { margin: 22px 0 0; padding: 16px; border-radius: 16px; background: var(--gs-tint); font-size: 14px; line-height: 1.6; color: var(--gs-sub); }
html.gs-doc #wrap .gs-doc-box b, html.gs-doc #wrap .gs-doc-box h3 { display: block; margin: 0 0 6px; font-size: 15px; font-weight: 800; color: var(--gs-text); }
html.gs-doc #wrap .gs-doc-box p { margin: 0; }
html.gs-doc #wrap .gs-doc-box a { color: var(--gs-accent-ink); font-weight: 700; }
html.gs-doc #wrap .gs-doc-box dl { display: grid; grid-template-columns: auto 1fr; gap: 6px 14px; margin: 0; }
html.gs-doc #wrap .gs-doc-box dt { font-weight: 700; color: var(--gs-muted); white-space: nowrap; }
html.gs-doc #wrap .gs-doc-box dd { margin: 0; color: var(--gs-text); word-break: keep-all; }
/* 후기 카드: 옛 갤러리 상자(테두리·둥근 모서리) 걷어내기 */
html.gs-bd-review #wrap .list_gallery li.gs-rv .goods_gallery_content, html.gs-bd-review #wrap .list_gallery li.gs-rv .goods_list_info { border: 0 !important; border-radius: 0 !important; box-shadow: none !important; background: none !important; height: auto !important; min-height: 0 !important; }
html.gs-bd-review #wrap .list_gallery ul.goods_gallery_ul > li.gs-rv { border-top: 0 !important; border-left: 0 !important; border-right: 0 !important; border-radius: 0 !important; box-shadow: none !important; background: none !important; }
/* 글쓰기: 고른 상품 작은 줄 · 비공개 체크 한 줄 · «내용» 머리 숨김(칩 머리가 대신) */
.gs-bw .write_wrap dl dt.gs-bw-cdt > label { display: none !important; }
.gs-bw .b_content dt.gs-bw-cdt { justify-content: flex-end; padding: 0 !important; }
.gs-bw .b_content_chk .inp_chk { display: inline-flex !important; align-items: center; gap: 6px; }
.gs-bw .b_content_chk .inp_chk label { display: inline !important; padding: 0 !important; font-size: 13px !important; font-weight: 600 !important; color: var(--gs-sub) !important; }
.gs-bw .selected_goods_wrap { margin: 8px 0 0 !important; }
.gs-bw .selected_goods_wrap .selected_goods { display: flex !important; align-items: center; gap: 10px; padding: 10px !important; border: 0 !important; border-radius: 16px; background: var(--gs-surface) !important; }
.gs-bw .selected_goods .goods_item_cell { display: block !important; width: auto !important; padding: 0 !important; border: 0 !important; }
.gs-bw .selected_goods .cell_img { flex: 0 0 52px; width: 52px !important; }
.gs-bw .selected_goods .cell_img .goods_img, .gs-bw .selected_goods .cell_img img { display: block; width: 52px !important; height: 52px !important; border: 0 !important; border-radius: 8px; object-fit: cover; }
.gs-bw .selected_goods .cell_info { flex: 1; min-width: 0; font-size: 14px !important; font-weight: 600; line-height: 1.4; color: var(--gs-text); }
.gs-bw .selected_goods .cell_price { flex: 0 0 auto; font-size: 14px !important; font-weight: 700; }
.gs-bw .selected_goods .cell_delete { flex: 0 0 auto; }
.gs-bw .selected_goods .cell_delete img { width: 14px; height: 14px; }
.gs-bw .itemselect { display: flex !important; align-items: center; justify-content: space-between; gap: 8px; }
.gs-bw .itemselect_comment { font-size: 13px; color: var(--gs-muted); }
.gs-bw .prd_select_btn { display: inline-flex !important; align-items: center; height: 34px !important; padding: 0 12px !important; border: 0 !important; border-radius: 8px !important; background: #fff !important; box-shadow: inset 0 0 0 1px #e2d4c4; font-size: 13px !important; font-weight: 700; color: var(--gs-text) !important; }
html.gs-bd-view #wrap .goods_area > h3 { background: none !important; }
/* 글쓰기: 옛 write.css(dl 표 짜임·파일 단추 그림) 걷어내기 */
.gs-bw .write_wrap > dl, .gs-bw .write_wrap dl.b_content { display: block !important; width: auto !important; }
.gs-bw .write_wrap > dl > dt, .gs-bw .write_wrap > dl > dd { display: block !important; float: none !important; width: auto !important; }
.gs-bw .write_wrap dl.b_content > dt.gs-bw-cdt { display: flex !important; }
.gs-bw .gs-chip[hidden], .gs-bw .gs-bw-err[hidden] { display: none !important; }
.gs-bw #boardAttach .file_face:not(.preview) { background-image: none !important; }
html.gs-doc-private #wrap .gs-toc ol { list-style: none; padding-left: 0; }
.gs-bw .write_wrap > dl, .gs-bw .write_wrap dl.b_content, .gs-bw .write_wrap dl.b_guest { height: auto !important; border-bottom: 0 !important; padding: 12px 0 0 !important; }
.gs-bw .write_wrap > dl > dd, .gs-bw .write_wrap dl.b_content dd, .gs-bw .write_wrap dl.b_guest dd { height: auto !important; padding: 0 !important; }
.gs-bw .write_wrap > dl > dt { text-indent: 0 !important; }
.gs-bw .write_wrap dl.b_content dt .b_content_chk { position: static !important; }
.gs-bw .write_wrap dl dd .textarea_box { padding: 0 !important; }
.gs-bw .write_wrap .b_file { padding: 0 !important; }
.gs-bw .btn_box li:nth-child(1), .gs-bw .btn_box li:nth-child(2) { padding: 0 !important; }