/* 굿스푼 여백·선·간격 바로잡기 · 2026-10-21 (대표 «전반적인 위치 여백 · 모든 페이지의 여백 선위치 간격 체크해서 모두 바로잡아»)
   기준 = 시안 proto-v20d(pages.css .atabs·.ckl·.terms·.inrow·.fbox) · 문구·기능은 안 바꾸고 여백·선·정렬만
   맨 마지막에 붙는다(_header.html gs_v20.css 다음) · 화면별로 묶어 둔다 */

/* ═══ 주문서 ═══ */
/* 받는 곳 탭(기본배송지·배송지 목록·직접 입력): 고도몰 order.css 가 ul = 표(table)·a = 위아래 10px 안쪽 여백이라
   높이 44 줄 높이 44 글이 10px 아래로 밀리고(위 10 · 아래 -10) 칸 폭이 글 길이마다 달랐다 → 시안 .atabs(세 칸 같은 폭 · 안쪽 4px · 글 가운데) */
#wrap .gs-ofbox .tab_menu { padding: 4px !important; }
#wrap .gs-ofbox .tab_menu > ul { display: flex !important; flex: 1 1 auto; width: 100% !important; gap: 0; margin: 0 !important; padding: 0 !important; }
#wrap .gs-ofbox .tab_menu > ul > li.tab_btn { display: block !important; flex: 1 1 0; min-width: 0; width: auto !important; border: 0 !important; background: none !important; }
#wrap .gs-ofbox .tab_menu > ul > li.tab_btn > a { padding: 0 4px !important; height: 44px; line-height: 44px !important; white-space: nowrap; box-sizing: border-box; }

/* 받는 곳 주소: 고도몰 = 우편번호 칸 오른쪽 70px 비우고 단추를 66px 로 띄움 → 우리 단추(«주소 찾기» 80px)가 우편번호 칸을 10px 덮었다
   · 칸 사이 간격 5px·13px 섞임 → 시안 .inrow(옆 간격 8) · 위아래 간격 8 하나로 */
#wrap .gs-ofbox .zipcode_box .zipcode_top { display: flex !important; gap: 8px; align-items: center; padding: 0 !important; position: static !important; }
#wrap .gs-ofbox .zipcode_box .zipcode_top .zipcode_num { flex: 1 1 auto; min-width: 0; }
#wrap .gs-ofbox .zipcode_box .zipcode_top .zipcode_btn_box { position: static !important; flex: 0 0 auto; width: auto !important; }
#wrap .gs-ofbox .zipcode_box input { margin: 0 !important; }
#wrap .gs-ofbox .zipcode_box > input, #wrap .gs-ofbox .zipcode_box > .zipcode_top + input { margin-top: 8px !important; }

/* «위 내용을 회원정보에 반영합니다»: 고도몰 = 왼쪽 20px 들여쓰기·굵게 → 칸 왼쪽 선에 맞춤 · 다른 체크 줄과 같은 굵기 */
#wrap .gs-ofbox .member_chk_box, #wrap .gs-ofbox .member_chk_box1 { padding: 12px 0 14px !important; font-weight: 400 !important; }   /* 아래 14 = 칸 줄 사이 간격(tr 14)과 같게 */
#wrap .gs-ofbox .member_chk_box label, #wrap .gs-ofbox .member_chk_box1 label { font-weight: 400 !important; }

/* 주문 동의: 고도몰 .guest_info .inp_chk = 위 회색 선(#ccc 1px)·안쪽 여백 → 시안 .terms 처럼 묶음 사이 선만 남김
   · «보기» 단추 위아래 4px 가 제목 줄을 26px 로 키워 «보기» 있는 묶음과 없는 묶음(청약의사 재확인)의 제목→체크 간격이 달랐다 → 단추 여백은 바깥으로 빼서 제목 줄 높이 하나로
   · 청약의사 재확인 글만 굵게(고도몰 .re_confirm bold) → 다른 동의 줄과 같은 굵기 */
#wrap .gs-ofbox[data-gs-sec="order_agree"] .guest_info .inp_chk, #wrap .gs-ofbox[data-gs-sec="order_agree"] .re_confirm .inp_chk { margin: 0 !important; padding: 0 !important; border: 0 !important; }
#wrap .gs-ofbox[data-gs-sec="order_agree"] .order_box > h2.order_tit { margin: 0 0 10px !important; min-height: 20px; }
#wrap .gs-ofbox[data-gs-sec="order_agree"] .gs-terms-btn { margin: -4px 0; line-height: 1.4; }
#wrap .gs-ofbox[data-gs-sec="order_agree"] .re_confirm, #wrap .gs-ofbox[data-gs-sec="order_agree"] .re_confirm label { font-weight: 400 !important; }
#wrap .gs-ofbox[data-gs-sec="order_agree"] .gs-terms-body { margin: 0 0 10px !important; }

/* ═══ 주문서·장바구니(1묶음 뒤 6기기 점검에서 더 찾은 것) ═══ */
/* 장바구니 골라담기 메뉴 줄: 메뉴 이름이 두 줄이면(아이폰 SE 375 «현미밥&닭가슴살 간장찜닭») 체크가 두 줄 가운데에 서서 첫 줄과 9.5px 어긋남
   → 체크 = 첫 줄 가운데(동그라미 22 · 글 줄 높이 18.9 → 위 1.5px) · 한 줄일 때 모양은 그대로 */
#wrap .gs-cl-menu label { align-items: flex-start !important; }
#wrap .gs-cl-menu label > span { padding-top: 1.5px; }
/* 주문서 적립금: 입력칸 바로 아래 «전액사용» 줄이 0px 로 붙음 → 8 · 보유 적립금 글 6 */
#wrap .gs-ofbox .all_money_box .money_right { margin-top: 8px !important; }
#wrap .gs-ofbox .all_money_box .point_view { margin-top: 6px !important; }

/* ═══ 입력칸 글 시작점(모든 화면) ═══ */
/* 고도몰 member.css 22행 «input[type=password], input[type=email]»(범위 없음)·로그인·찾기 입력 = text-indent 10px
   → 우리 안쪽 여백 12~14px 위에 10px 가 더해져 글이 22~24px 에서 시작(같은 칸의 고르기 칸·읽기 전용 칸은 12~14px) → 0 으로
   (머리 검색칸 #sch 는 둥근 알약이라 18px 그대로) */
#wrap input[type="text"]:not(#sch), #wrap input[type="password"], #wrap input[type="email"], #wrap input[type="tel"], #wrap input[type="number"], #wrap input[type="search"]:not(#sch), #wrap textarea { text-indent: 0 !important; }
/* 회원정보 수정 입력칸 안쪽 여백 12 → 14(주문서·로그인·회원가입 입력칸과 같은 단계 · 시안 .inp 14) */
html.gs-my-my_page #wrap #contents_wrap input[type="text"], html.gs-my-my_page #wrap #contents_wrap input[type="password"], html.gs-my-my_page #wrap #contents_wrap select { padding-left: 14px !important; padding-right: 14px !important; }
html.gs-my-my_page #wrap #contents_wrap select { padding-right: 36px !important; }

/* ═══ 회원(우편번호 줄·관리자 그림) ═══ */
/* 우편번호 줄(회원정보 수정·배송지 등 주문서 밖도): 고도몰 = 오른쪽 70px 비우고 단추 66px 고정 → 360 폭에서 «우편번호» 두 줄·칸 사이 간격 5/13 섞임
   → 주문서와 같은 짜임(옆 간격 8 · 단추 한 줄 · 위아래 8) */
#wrap .zipcode_box .zipcode_top { display: flex !important; gap: 8px; align-items: center; margin: 0 !important; padding: 0 !important; position: static !important; }
#wrap .zipcode_box .zipcode_top .zipcode_num { flex: 1 1 auto; min-width: 0; }
#wrap .zipcode_box .zipcode_top .zipcode_btn_box { position: static !important; flex: 0 0 auto; width: auto !important; }
#wrap .zipcode_box .zipcode_top button { white-space: nowrap; }
#wrap .zipcode_box input { margin: 0 !important; }
#wrap .zipcode_box > input { margin-top: 8px !important; }
/* 우편번호 단추 높이 = 입력칸 높이(회원정보 수정 = 단추 44 · 입력칸 48 → 위아래 2px 씩 어긋남) */
#wrap .zipcode_box .zipcode_top { align-items: stretch !important; }
#wrap .zipcode_box .zipcode_top .zipcode_btn_box { display: flex !important; }
#wrap .zipcode_box .zipcode_top button { height: auto !important; min-height: 44px; }
/* 회원정보 수정 «SMS 수신동의 시 500원 적립금» 그림(관리자 그림): 왼쪽 30px + 폭 100% → 칸 오른쪽 선 밖으로 21px
   → 스위치 줄(왼쪽 동그라미 없음)에서는 칸 왼쪽 선에 · 그 밖은 30px 들여 쓴 만큼 폭을 줄임 */
#wrap .gs-perk-img { max-width: calc(100% - 30px) !important; }
#wrap .input_content:has(.gs-sw-row) > .gs-perk-img { margin-left: 0 !important; max-width: 100% !important; }

/* ═══ 마이페이지 ═══ */
/* 주문 상세 칸 제목(주문 상품·배송정보·결제정보·주문정보) = 고도몰 mypage.css .order_view h3 text-indent 10px·줄 높이 32 → 글이 아래 줄보다 10px 안쪽·위 여백 큼 */
html.gs-my #wrap .gs-ovbox > h3 { text-indent: 0 !important; line-height: 1.35 !important; height: auto !important; }
/* 마일리지 내역·쿠폰·예치금 제목 = 고도몰 text-indent 10px → 0 */
html.gs-my #wrap .mileage h3, html.gs-my #wrap .coupon h3, html.gs-my #wrap .deposit h3 { text-indent: 0 !important; }
/* 회원정보 변경(비밀번호 확인) 아이디 읽기 칸: 다른 규칙(display:block !important)에 져서 글이 칸 위쪽에 붙었다(위 2 · 아래 32) → 위아래 가운데 */
html.gs-my-my_page_password #wrap .my_page_password dd.gs-ro { display: flex !important; align-items: center; }
/* 마이 첫 화면 «취소·교환·반품 내역 | 환불·입금 내역»: 글 위 8 · 아래 2 → 세로 선 가운데보다 3px 아래 → 시안 .olinks a 6px 0 · 칸 아래 여백 12(시안 .my-orders) */
html.gs-my #wrap .gs-my-orders { padding-bottom: 12px !important; }
html.gs-my #wrap .gs-my-orders .olinks a { padding: 6px 0 !important; }
/* 마이 첫 화면 «진행 중인 주문» 칸: 이름 칸이 줄어들지 않아(폭 250 고정) Z 폴드 344 에서 칸 밖 10px·화면 가로 넘침 → 남은 폭만큼 */
html.gs-my #wrap .gs-my-live .mid > div { flex: 1 1 auto; min-width: 0; }
html.gs-my #wrap .gs-my-live .mid b { max-width: none !important; }

/* ═══ 공통 바닥글(모든 화면) ═══ */
/* 고도몰 gd_layout.css: 저작권 줄 = 왼쪽 15px·위 30 아래 40 · SNS 동그라미 = 양옆 7px · 인증 그림 = 왼쪽 7+7px → 셋 다 바깥 여백 선(20px)보다 7~15px 안쪽에 섰다
   → 글·아이콘·그림의 왼쪽 끝을 바깥 여백 선 하나로 · 위아래 간격은 바닥글 다른 칸(12~14)과 같은 단계로 */
#wrap #footer .foot_info .copy { padding: 0 !important; margin-top: 12px !important; line-height: 1.6 !important; }
#wrap #footer .foot_sns { display: flex !important; flex-wrap: wrap; gap: 8px; margin: 0 !important; padding: 14px 0 0 !important; }
#wrap #footer .foot_sns li { float: none !important; margin: 0 !important; }
#wrap #footer .foot_certify { display: flex !important; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0 !important; padding: 14px 0 0 !important; }
#wrap #footer .foot_certify img { margin: 0 !important; }
/* 바닥글 인증 그림: 빈 칸(span) 하나 + 칸마다 왼쪽 -4px(고도몰) → 첫 그림이 24px → 20 */
#wrap #footer .foot_certify > span { margin: 0 !important; }
#wrap #footer .foot_certify > span:empty { display: none !important; }

/* ═══ 상품 목록(고도몰 기본 목록 = 검색 결과·인기·추천·타임세일) ═══ */
/* 고도몰 gd_layout.css «#wrap .goods_list_box {padding:0 5px}» → 검색 결과 카드가 19px(분류 목록 카드 14px)·«더보기» 단추가 25px(바깥 여백 선 20px)에서 시작 → 5px 걷음 */
#wrap .goods_list_box { padding-left: 0 !important; padding-right: 0 !important; }

/* ═══ 3묶음 더(32화면 6기기 다시 잰 뒤 · 주문서 결제·받는 곳 · 게시판 · 후기 · 마이) ═══ */
/* 주문서 결제 수단 «일반결제» 바둑판(신용카드·카카오페이·토스페이·무통장입금): 고도몰 gd_common.css .inp_rdo label 오른쪽 15px 가 남아
   칸 사이 가로 23px(세로 8px)·오른쪽 칸이 칸 안쪽 선보다 15px 모자람 → 가로도 8 · 오른쪽 끝 = 칸 안쪽 선(페이코 바둑판과 같게) */
#wrap .gs-pay ul.pay_mth.js_gd5_settlekind_general .inp_rdo label, #wrap .gs-pay ul.pay_mth.js_gd5_settlekind_escrow .inp_rdo label, #wrap .gs-pay ul.pay_mth.js_gd5_settlekind_overseas .inp_rdo label { margin: 0 !important; }
/* [일반결제][에스크로결제] 알약 줄 바로 아래 «일반결제» 제목이 0px 로 붙음(다른 칸 묶음 사이 = 14) → 14 */
#wrap .gs-pay #settlekind_general > .order_box, #wrap .gs-pay #settlekind_escrow > .order_box, #wrap .gs-pay #settlekind_overseas > .order_box, #wrap .gs-pay #settlekind_fintech_payco > .order_box { margin-top: 14px !important; }
/* «현금영수증 (※ 결제창에서 신청)» 알약 안 빈칸 29px(고도몰 order.css .pay_mth span.line_br margin-left 29) → 낱말 사이 4 */
#wrap .gs-pay .pay_mth span.line_br { margin-left: 4px !important; }
/* 받는 곳 «배송 요청사항»: 비회원(«위 내용을 회원정보에 반영» 줄 .member_chk_box 가 없을 때) 바로 위 전화번호 칸에 0px 로 붙음(다른 줄 사이 = 14 · 회원은 그 줄 아래 14) → 14 */
#wrap .gs-ofbox .tab_content:not(:has(.member_chk_box)) + .table_box { margin-top: 14px !important; }

/* ═══ 게시판 목록(공지·상품 문의) ═══ */
/* 제목 끝 첨부 아이콘이 폭 14px 로 늘어남(원래 7×11 클립 → 14×22 · 줄 높이를 밀어 그 글만 줄 사이가 벌어짐) → 높이 11 · 원래 비율 */
html.gs-bd #wrap ul.notice_list > li .notice_title .text img { width: auto !important; height: 11px !important; }

/* ═══ 후기 운영 기준 접기 칸(후기 모아 보기·상품 상세) ═══ */
/* 고도몰 gd_reset.css «details {padding-bottom:10px}» → 접힌 칸 글 위 11 · 아래 21 → 위아래 같게(펼친 글 아래 여백은 안쪽 목록 12 그대로) */
#wrap details.gs-pol { padding: 0 !important; }

/* ═══ 마이(시안 proto-v20d pages2.css 값) ═══ */
/* 마이 첫 화면 «고객센터» 칸 안쪽 18 → 16(시안 .my-cs 16 · 바로 위 주문 칸들 16) */
html.gs-my #wrap .gs-my-cs { padding: 16px !important; }
/* 주문 상세 머리 칸 안쪽 18·18·14 → 18·16·18(시안 .ov-hero · 아래 칸 상자 안쪽 16 과 같은 선) */
html.gs-my #wrap .gs-ov-hero { padding: 18px 16px !important; }

/* ═════════════════ 창 절 10/21 (대표 «옛날 고도몰 웹디자인이 뜨면서 버벅대는 것 · 모든 화면 모든 액션») ═════════════════
   우리 모양이 0줄이던 고도몰 창을 지금 화면과 같은 모양으로(글꼴·색·단추·둥근 모서리 · 휴대폰 = 한 화면 창 · PC = 500px 가운데는 gs_v15.css 그대로)
   창 이름(창 자리 id)으로만 건다 = 다른 화면에 안 샌다 · ⛔모양만: 글·값·쿠폰·배송지·신청 처리는 고도몰 그대로(칸을 옮기거나 숨기지 않는다)
   대상 창(WIN): #popupShipping(배송지 추가 · 주문서·마이 둘 다) · #popupCouponApply 안 .layer_coupon_apply_order(주문서 쿠폰 적용 · ⛔장바구니 쿠폰 창 .layer_coupon_apply 는 장바구니 몫)
     · #popupCoupon(상세 쿠폰 받기) · #popupSettle·#popupRefund·#popupBack·#popupExchange·#popupReason·#popupDeliveryMethod(마이 구매 확정·환불·반품·교환·사유·배송 방법)
     · #popupCashReceiptRequest·#popupTaxInvoiceRequest(마이 현금영수증·세금계산서) · #lyUseCase(마이 쿠폰 상세)
   + 주문서 «배송지 목록» 탭 단추 줄(.delivery_list_add) · 팝업 머리 화면(품절 알림 새 창 .popup_goods_restock · outline/_share_header.html 이 이 파일을 싣는다)
   시험 tools/buy_qa/layers1021_check.mjs(3기기 · PAIR=1 = 고치기 전 판 · 창 안 글·값 = 짝과 같은지) */

/* ── 창 바탕·머리·닫기(모든 WIN) ── */
:is(#popupShipping, #popupCoupon, #popupSettle, #popupRefund, #popupBack, #popupExchange, #popupReason, #popupDeliveryMethod, #popupCashReceiptRequest, #popupTaxInvoiceRequest, #lyUseCase) > .ly_wrap,
#popupCouponApply > .ly_wrap:has(> .layer_coupon_apply_order) { background: var(--gs-app); }
:is(#popupShipping, #popupCoupon, #popupSettle, #popupRefund, #popupBack, #popupExchange, #popupReason, #popupDeliveryMethod, #popupCashReceiptRequest, #popupTaxInvoiceRequest, #lyUseCase, #popupCouponApply .layer_coupon_apply_order) :is(.layer_shipping_address_regist, .layer_coupon_down, .layer_order_refund_regist, .layer_order_back_regist, .layer_order_exchange_regist, .layer_order_refund_reason, .layer_order_naverpay_reason, .layer_cash_receipt_request, .layer_tax_invoice_request, .layer_option, .order_view),
#popupCouponApply .layer_coupon_apply_order { background: var(--gs-app) !important; }
:is(#popupShipping, #popupCoupon, #popupSettle, #popupRefund, #popupBack, #popupExchange, #popupReason, #popupDeliveryMethod, #popupCashReceiptRequest, #popupTaxInvoiceRequest, #lyUseCase, #popupCouponApply .layer_coupon_apply_order) .ly_head {
  position: relative; height: 56px !important; margin: 0 !important; padding: 0 56px !important; border: 0 !important; border-bottom: 1px solid var(--gs-line) !important; background: var(--gs-app) !important;
  line-height: 56px !important; text-align: center; box-sizing: border-box; }
:is(#popupShipping, #popupCoupon, #popupSettle, #popupRefund, #popupBack, #popupExchange, #popupReason, #popupDeliveryMethod, #popupCashReceiptRequest, #popupTaxInvoiceRequest, #lyUseCase, #popupCouponApply .layer_coupon_apply_order) .ly_head :is(.h_tit, h1, h2) {
  margin: 0 !important; padding: 0 !important; font-size: 18px !important; line-height: 56px !important; font-weight: 800 !important; letter-spacing: -0.03em; color: var(--gs-text) !important;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
/* 닫기 = 머리 오른쪽 44칸(배송 방법 창은 고도몰이 닫기를 창 맨 아래에 두었다 → 같은 자리로) */
:is(#popupShipping, #popupCoupon, #popupSettle, #popupRefund, #popupBack, #popupExchange, #popupReason, #popupDeliveryMethod, #popupCashReceiptRequest, #popupTaxInvoiceRequest, #lyUseCase, #popupCouponApply .layer_coupon_apply_order) .close_btn {
  position: absolute !important; top: 6px !important; right: 6px !important; left: auto !important; bottom: auto !important; z-index: 100; width: 44px !important; height: 44px !important; margin: 0 !important; padding: 0 !important; }
:is(#popupShipping, #popupCoupon, #popupSettle, #popupRefund, #popupBack, #popupExchange, #popupReason, #popupDeliveryMethod, #popupCashReceiptRequest, #popupTaxInvoiceRequest, #lyUseCase, #popupCouponApply .layer_coupon_apply_order) .close_btn .lys_close_btn {
  position: relative; display: block !important; width: 44px !important; height: 44px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 50% !important;
  background: none !important; font-size: 0 !important; line-height: 0 !important; color: var(--gs-sub); cursor: pointer; }
:is(#popupShipping, #popupCoupon, #popupSettle, #popupRefund, #popupBack, #popupExchange, #popupReason, #popupDeliveryMethod, #popupCashReceiptRequest, #popupTaxInvoiceRequest, #lyUseCase, #popupCouponApply .layer_coupon_apply_order) .close_btn .lys_close_btn::before {
  content: ''; position: absolute; left: 13px; top: 13px; width: 18px; height: 18px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235e4f40' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M5 5l14 14M19 5L5 19'/%3E%3C/svg%3E") no-repeat center / 18px 18px; }
:is(#popupShipping, #popupCoupon, #popupSettle, #popupRefund, #popupBack, #popupExchange, #popupReason, #popupDeliveryMethod, #popupCashReceiptRequest, #popupTaxInvoiceRequest, #lyUseCase, #popupCouponApply .layer_coupon_apply_order) .close_btn .lys_close_btn:active { background: var(--gs-surface) !important; }
#popupDeliveryMethod > .ly_wrap { position: relative; }

/* ── 칸 제목·입력 칸·단추(모든 WIN 공통) ── */
:is(#popupShipping, #popupCoupon, #popupSettle, #popupRefund, #popupBack, #popupExchange, #popupReason, #popupDeliveryMethod, #popupCashReceiptRequest, #popupTaxInvoiceRequest, #lyUseCase, #popupCouponApply .layer_coupon_apply_order) :is(.my_tit, .order_view > h3) {
  margin: 0 !important; padding: 20px var(--gs-gutter) 8px !important; border: 0 !important; background: none !important; text-indent: 0 !important;
  font-size: 15px !important; line-height: 1.4 !important; font-weight: 800 !important; color: var(--gs-text) !important; }
:is(#popupShipping, #popupCoupon, #popupSettle, #popupRefund, #popupBack, #popupExchange, #popupReason, #popupDeliveryMethod, #popupCashReceiptRequest, #popupTaxInvoiceRequest, #lyUseCase, #popupCouponApply .layer_coupon_apply_order) :is(input[type="text"], input[type="tel"], input[type="number"], input[type="email"], input:not([type])) {
  height: 46px !important; padding: 0 12px !important; border: 1px solid #e8dccd !important; border-radius: 12px !important; background-color: #fff !important; text-indent: 0 !important;
  font-size: 15px !important; line-height: normal !important; color: var(--gs-text); box-sizing: border-box; -webkit-appearance: none; appearance: none; }
:is(#popupShipping, #popupCoupon, #popupSettle, #popupRefund, #popupBack, #popupExchange, #popupReason, #popupDeliveryMethod, #popupCashReceiptRequest, #popupTaxInvoiceRequest, #lyUseCase, #popupCouponApply .layer_coupon_apply_order) input[readonly] { background-color: var(--gs-surface) !important; color: var(--gs-sub); }
:is(#popupShipping, #popupCoupon, #popupSettle, #popupRefund, #popupBack, #popupExchange, #popupReason, #popupDeliveryMethod, #popupCashReceiptRequest, #popupTaxInvoiceRequest, #lyUseCase, #popupCouponApply .layer_coupon_apply_order) textarea {
  min-height: 120px; padding: 12px !important; border: 1px solid #e8dccd !important; border-radius: 12px !important; background: #fff !important; font-size: 15px !important; line-height: 1.5; box-sizing: border-box; }
:is(#popupShipping, #popupCoupon, #popupSettle, #popupRefund, #popupBack, #popupExchange, #popupReason, #popupDeliveryMethod, #popupCashReceiptRequest, #popupTaxInvoiceRequest, #lyUseCase, #popupCouponApply .layer_coupon_apply_order) select {
  height: 46px !important; padding: 0 40px 0 12px !important; border: 1px solid #e8dccd !important; border-radius: 12px !important; font-size: 15px !important; color: var(--gs-text);
  background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237d6c5c' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 14px center / 16px 16px !important;
  -webkit-appearance: none; appearance: none; box-sizing: border-box; }
/* 고도몰 고르기 칸(chosen)이 켜진 몰이면 같은 모양 */
:is(#popupShipping, #popupSettle, #popupRefund, #popupBack, #popupExchange, #popupCashReceiptRequest, #popupTaxInvoiceRequest, #popupCouponApply .layer_coupon_apply_order) .chosen-container .chosen-single {
  height: 46px !important; padding: 0 40px 0 12px !important; border: 1px solid #e8dccd !important; border-radius: 12px !important; background: #fff !important; box-shadow: none !important; line-height: 44px !important; font-size: 15px !important; color: var(--gs-text) !important; }
:is(#popupShipping, #popupSettle, #popupRefund, #popupBack, #popupExchange, #popupCashReceiptRequest, #popupTaxInvoiceRequest, #popupCouponApply .layer_coupon_apply_order) .chosen-container .chosen-single div { right: 8px !important; }
/* 주 단추(민트) · 둘째 단추(흰 바탕) */
:is(#popupShipping, #popupCoupon, #popupSettle, #popupRefund, #popupBack, #popupExchange, #popupReason, #popupDeliveryMethod, #popupCashReceiptRequest, #popupTaxInvoiceRequest, #lyUseCase) :is(.address_save_btn, .refund_confirm_btn, .back_confirm_btn, .exchange_confirm_btn, .reason_confirm_btn, .delivery_method_confirm_btn, .cash_btn, .tax_invoice_btn),
#popupCouponApply .layer_coupon_apply_order .ly_coupon_apply_btn {
  display: flex !important; align-items: center; justify-content: center; width: 100% !important; height: 52px !important; margin: 0 !important; padding: 0 12px !important; border: 0 !important; border-radius: 16px !important;
  background: var(--gs-accent) !important; color: var(--gs-accent-text) !important; font-size: 16px !important; font-weight: 800 !important; line-height: 1.2 !important; box-sizing: border-box; cursor: pointer; }
:is(#popupShipping, #popupCoupon, #popupSettle, #popupRefund, #popupBack, #popupExchange, #popupReason, #popupDeliveryMethod, #popupCashReceiptRequest, #popupTaxInvoiceRequest, #lyUseCase) :is(.address_save_btn, .refund_confirm_btn, .back_confirm_btn, .exchange_confirm_btn, .reason_confirm_btn, .delivery_method_confirm_btn) em { font-style: normal; }
:is(#popupShipping, #popupSettle, #popupRefund, #popupBack, #popupExchange) :is(.address_cancel_btn, .refund_cancel_btn, .back_cancel_btn, .exchange_cancel_btn) {
  display: flex !important; align-items: center; justify-content: center; width: 100% !important; height: 52px !important; margin: 0 !important; padding: 0 12px !important; border: 0 !important; border-radius: 16px !important;
  background: #fff !important; box-shadow: inset 0 0 0 1px var(--gs-line); color: var(--gs-text) !important; font-size: 16px !important; font-weight: 800 !important; line-height: 1.2 !important; box-sizing: border-box; cursor: pointer; }
:is(#popupShipping, #popupSettle, #popupRefund, #popupBack, #popupExchange, #popupReason) :is(.btn_bx2, .btn_box) { display: flex !important; gap: 8px; width: auto !important; margin: 0 !important; padding: 16px var(--gs-gutter) calc(16px + env(safe-area-inset-bottom)) !important; list-style: none; box-sizing: border-box; }
:is(#popupShipping, #popupSettle, #popupRefund, #popupBack, #popupExchange, #popupReason) :is(.btn_bx2, .btn_box) > li { display: block !important; flex: 1 1 0; width: auto !important; margin: 0 !important; padding: 0 !important; }
:is(#popupShipping, #popupSettle, #popupRefund, #popupBack, #popupExchange, #popupReason) .btn_bx2 > li:only-child { flex: 1 1 100%; }
/* 체크(고도몰 .inp_chk 칸 · 보이는 체크 칸) = 주문서와 같은 둥근 체크 */
:is(#popupShipping, #popupCashReceiptRequest, #popupTaxInvoiceRequest) .inp_chk { display: flex !important; align-items: center; gap: 0; padding: 0 !important; }
:is(#popupShipping, #popupCashReceiptRequest, #popupTaxInvoiceRequest) .inp_chk input[type="checkbox"] {
  -webkit-appearance: none; appearance: none; display: inline-grid !important; place-items: center; flex: 0 0 auto; width: 22px !important; height: 22px !important; margin: 0 8px 0 0 !important;
  border: 1.5px solid #e2d4c4 !important; border-radius: 50% !important; background: #fff !important; vertical-align: middle; cursor: pointer; }
:is(#popupShipping, #popupCashReceiptRequest, #popupTaxInvoiceRequest) .inp_chk input[type="checkbox"]:checked { background: var(--gs-accent) !important; border-color: var(--gs-accent-ink) !important; }
:is(#popupShipping, #popupCashReceiptRequest, #popupTaxInvoiceRequest) .inp_chk input[type="checkbox"]:checked::after { content: ''; width: 6px; height: 10px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg) translate(-1px, -1px); }
:is(#popupShipping, #popupCashReceiptRequest, #popupTaxInvoiceRequest) .inp_chk label { font-size: 14px !important; line-height: 1.45; color: var(--gs-text); }
/* 고도몰 그림 체크(.form_element label = 숨은 체크 칸의 모양 · 누르면 고도몰이 .on 을 붙인다) → 같은 둥근 체크 */
:is(#popupSettle, #popupRefund, #popupBack, #popupExchange, #popupCouponApply .layer_coupon_apply_order) .form_element label:is(.check_s, .check_dis, .check_dis_s, .single) {
  width: 22px !important; height: 22px !important; min-width: 0 !important; min-height: 0 !important; padding: 0 !important; border: 1.5px solid #e2d4c4; border-radius: 50%; background: #fff none !important;
  text-indent: -9999px; overflow: hidden; box-sizing: border-box; vertical-align: middle; }
:is(#popupSettle, #popupRefund, #popupBack, #popupExchange, #popupCouponApply .layer_coupon_apply_order) .form_element label:is(.check_s, .single).on {
  border-color: var(--gs-accent-ink); background: var(--gs-accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") no-repeat center / 14px 14px !important; }
:is(#popupSettle, #popupRefund, #popupBack, #popupExchange, #popupCouponApply .layer_coupon_apply_order) .form_element label:is(.check_dis, .check_dis_s) { background: var(--gs-surface) none !important; border-color: var(--gs-line); }

/* ── 배송지 추가(#popupShipping · 주문서·마이 같은 모양 · 마이 규칙 css/gs_v16_mypage.css:271~274 가 html.gs-my 에서만 먹던 것) ── */
#popupShipping .layer_shipping_address_regist .ly_content { padding: 4px var(--gs-gutter) 0 !important; }
#popupShipping .layer_shipping_address_regist :is(table, tbody, tr, th, td) { display: block !important; width: auto !important; padding: 0 !important; border: 0 !important; background: none !important; }
#popupShipping .layer_shipping_address_regist :is(colgroup, caption) { display: none !important; }
#popupShipping .layer_shipping_address_regist th { margin: 14px 0 6px !important; text-align: left !important; font-size: 14px !important; line-height: 1.4; font-weight: 700 !important; color: var(--gs-text) !important; }
#popupShipping .layer_shipping_address_regist th label { font-size: 14px !important; font-weight: 700 !important; }
#popupShipping .layer_shipping_address_regist td input[type="text"] { width: 100% !important; }
/* 우편번호 줄(배송지 추가·세금계산서): 칸 + «우편번호» 단추 한 줄(고도몰 = 단추 절대 위치 66px) · 주소 칸 사이 8 */
:is(#popupShipping, #popupTaxInvoiceRequest) .zipcode_box input { margin: 0 0 8px !important; }
:is(#popupShipping, #popupTaxInvoiceRequest) .zipcode_box > input:last-child { margin-bottom: 0 !important; }
:is(#popupShipping, #popupTaxInvoiceRequest) .zipcode_box .zipcode_top { display: flex !important; align-items: flex-start; gap: 8px; margin: 0 0 8px !important; padding: 0 !important; }
:is(#popupShipping, #popupTaxInvoiceRequest) .zipcode_box .zipcode_top input { margin: 0 !important; }
:is(#popupShipping, #popupTaxInvoiceRequest) .zipcode_box .zipcode_num { flex: 1 1 auto; min-width: 0; }
:is(#popupShipping, #popupTaxInvoiceRequest) .zipcode_box .zipcode_num label { display: block; margin: 0 !important; }
:is(#popupShipping, #popupTaxInvoiceRequest) .zipcode_box .zipcode_btn_box { position: static !important; flex: 0 0 auto; width: auto !important; height: 46px; }
:is(#popupShipping, #popupTaxInvoiceRequest) .zipcode_btn { display: block !important; width: auto !important; height: 46px !important; margin: 0 !important; padding: 0 16px !important; border: 0 !important; border-radius: 12px !important;
  background: #fff !important; box-shadow: inset 0 0 0 1px var(--gs-line); color: var(--gs-text) !important; font-size: 15px !important; line-height: 46px !important; font-weight: 700 !important; white-space: nowrap; box-sizing: border-box; }
#popupShipping .layer_shipping_address_regist .inp_chk_box { margin: 16px 0 0 !important; padding: 0 !important; }
#popupShipping .layer_shipping_address_regist .btn_box { padding-left: 0 !important; padding-right: 0 !important; margin-top: 8px !important; }

/* ── 주문서 «배송지 목록» 탭(회원 · 고도몰이 목록 단추를 새로 그린다 order/order.html · 여러 배송지 js/gd_multi_shipping.js 도 같은 단추) ── */
#wrap .delivery_list_add { display: flex !important; flex-wrap: wrap; gap: 8px; width: auto !important; margin: 4px 0 14px !important; padding: 0 !important; list-style: none; }
#wrap .delivery_list_add:empty { display: none !important; }
#wrap .delivery_list_add > li { display: block !important; width: auto !important; max-width: 100%; margin: 0 !important; padding: 0 !important; font-size: 14px !important; }
#wrap .delivery_list_add > li > a { display: block !important; max-width: 100%; height: 40px !important; padding: 0 16px !important; text-align: center; border: 0 !important; border-radius: 999px !important;
  background: #fff !important; box-shadow: inset 0 0 0 1px var(--gs-line); color: var(--gs-sub) !important; font-size: 14px !important; font-weight: 700 !important; line-height: 40px !important;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; box-sizing: border-box; cursor: pointer; }
#wrap .delivery_list_add > li > a.dellvery_list_btn.on { background: var(--gs-tint) !important; box-shadow: inset 0 0 0 1.5px var(--gs-accent-ink); color: var(--gs-accent-ink) !important; }
#wrap .delivery_list_add > li > a.dellvery_add_btn { background: none !important; box-shadow: inset 0 0 0 1.5px #bfe8da; color: var(--gs-accent-ink) !important; }
#wrap .delivery_list_add > li > a.dellvery_add_btn::before { content: '+'; margin-right: 4px; font-size: 16px; font-weight: 700; line-height: 1; }
#wrap .delivery_list .no_shipping { margin: 10px 0 0 !important; padding: 14px 16px !important; border-radius: 12px; background: var(--gs-surface); font-size: 13px !important; line-height: 1.5; color: var(--gs-sub) !important; }
#wrap .delivery_list .no_shipping b { color: var(--gs-text); }

/* ── 주문서 쿠폰 적용(#popupCouponApply 안 .layer_coupon_apply_order) ── */
#popupCouponApply .layer_coupon_apply_order .notice_box { width: auto !important; margin: 12px var(--gs-gutter) 0 !important; padding: 10px 14px !important; border-radius: 12px; background: var(--gs-surface) !important; }
#popupCouponApply .layer_coupon_apply_order .notice_box p { margin: 0; font-size: 13px !important; line-height: 1.5 !important; color: var(--gs-sub) !important; text-align: left !important; }
#popupCouponApply .layer_coupon_apply_order .ly_content { background: none !important; }
#popupCouponApply .layer_coupon_apply_order .ly_content .ly_coupon_list { padding: 0 0 120px !important; }
#popupCouponApply .layer_coupon_apply_order .ly_content .ly_coupon_list h2.my_tit { border: 0 !important; }
#popupCouponApply .layer_coupon_apply_order .ly_coupon_list .order { margin: 0 var(--gs-gutter); }
#popupCouponApply .layer_coupon_apply_order .ly_coupon_list .my_goods { margin: 0 !important; padding: 0 !important; border-radius: 16px; background: #fff; box-shadow: inset 0 0 0 1px var(--gs-line); overflow: hidden; }
#popupCouponApply .layer_coupon_apply_order .ly_coupon_list .my_goods > li { margin: 0 !important; padding: 14px 16px 0 !important; border: 0 !important; background: none !important; }
#popupCouponApply .layer_coupon_apply_order .ly_coupon_list .my_goods > li .info > div { display: flex; gap: 12px; }
#popupCouponApply .layer_coupon_apply_order .ly_coupon_list .my_goods .itemhead { flex: 0 0 64px; width: 64px !important; padding: 0 !important; }
#popupCouponApply .layer_coupon_apply_order .ly_coupon_list .my_goods .thmb_box, #popupCouponApply .layer_coupon_apply_order .ly_coupon_list .my_goods .thmb { width: 64px !important; height: 64px !important; margin: 0 !important; }
#popupCouponApply .layer_coupon_apply_order .ly_coupon_list .my_goods .thmb img { width: 64px !important; height: 64px !important; border-radius: 12px; object-fit: cover; }
#popupCouponApply .layer_coupon_apply_order .ly_coupon_list .my_goods .itembody { flex: 1 1 auto; min-width: 0; padding: 0 !important; font-size: 13px; line-height: 1.5; color: var(--gs-muted); }
#popupCouponApply .layer_coupon_apply_order .ly_coupon_list .my_goods .itembody .name { margin: 0 0 2px !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1.4; color: var(--gs-text) !important; }
#popupCouponApply .layer_coupon_apply_order .ly_coupon_list .my_goods .itembody .name a { color: inherit !important; }
#popupCouponApply .layer_coupon_apply_order .ly_coupon_list .my_goods .itembody p { margin: 0 !important; font-size: 13px !important; color: var(--gs-muted) !important; }
#popupCouponApply .layer_coupon_apply_order .ly_coupon_list .my_goods .itembody .prc { font-size: 15px !important; font-weight: 800 !important; color: var(--gs-text) !important; }
#popupCouponApply .layer_coupon_apply_order .ly_coupon_list .order_box { margin: 12px 0 0 !important; padding: 0 16px 6px !important; border: 0 !important; background: none !important; }
#popupCouponApply .layer_coupon_apply_order .ly_coupon_list .order_box fieldset { margin: 0; padding: 0; border: 0; }
#popupCouponApply .layer_coupon_apply_order .ly_coupon_list .order_box legend, #popupCouponApply .layer_coupon_apply_order .ly_coupon_list .order_box caption { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
#popupCouponApply .layer_coupon_apply_order .ly_coupon_list .table_style4 { width: 100%; border: 0 !important; border-top: 1px solid #f0e7dc !important; }
#popupCouponApply .layer_coupon_apply_order .ly_coupon_list .table_style4 :is(th, td) { padding: 10px 0 !important; border: 0 !important; background: none !important; font-size: 13px !important; vertical-align: middle; }
#popupCouponApply .layer_coupon_apply_order .ly_coupon_list .table_style4 th { width: 68px !important; text-align: left !important; font-weight: 700 !important; color: var(--gs-sub) !important; }
#popupCouponApply .layer_coupon_apply_order .ly_coupon_list .table_style4 td { color: var(--gs-text) !important; }
#popupCouponApply .layer_coupon_apply_order .ly_coupon_list .table_style4 select { width: 100% !important; }
#popupCouponApply .layer_coupon_apply_order .ly_coupon_list .c_point { color: var(--gs-rate) !important; font-weight: 800; }
/* 주문쿠폰·배송비쿠폰 줄 = 카드(체크 · 금액 · 이름 · 기한) */
#popupCouponApply .layer_coupon_apply_order .ly_content .ly_coupon_list dl { display: grid !important; grid-template-columns: 34px 1fr; grid-template-areas: "c t" "c d"; column-gap: 4px; row-gap: 4px; width: auto !important;
  margin: 0 var(--gs-gutter) 8px !important; padding: 14px 16px !important; border: 0 !important; border-radius: 16px; background: #fff; box-shadow: inset 0 0 0 1px var(--gs-line); box-sizing: border-box; }
#popupCouponApply .layer_coupon_apply_order .ly_content .ly_coupon_list dl dd.c_chk { grid-area: c; display: flex !important; align-items: center; width: auto !important; padding: 0 !important; }
#popupCouponApply .layer_coupon_apply_order .ly_content .ly_coupon_list dl dt { grid-area: t; display: block !important; width: auto !important; padding: 0 !important; font-size: 14px !important; line-height: 1.45; color: var(--gs-text); }
#popupCouponApply .layer_coupon_apply_order .ly_content .ly_coupon_list dl dt .c_point { font-size: 16px !important; }
#popupCouponApply .layer_coupon_apply_order .ly_content .ly_coupon_list dl dt label { display: block; font-weight: 700; font-size: 14px !important; }
#popupCouponApply .layer_coupon_apply_order .ly_content .ly_coupon_list dl dd:not(.c_chk) { grid-area: d; display: block !important; width: auto !important; padding: 0 !important; font-size: 13px !important; line-height: 1.5; color: var(--gs-muted) !important; }
#popupCouponApply .layer_coupon_apply_order .no_data { margin: 0 var(--gs-gutter) 8px !important; padding: 20px 16px !important; border-radius: 16px; background: var(--gs-surface) !important; text-align: center; }
#popupCouponApply .layer_coupon_apply_order .no_data p, #popupCouponApply .layer_coupon_apply_order .no_data strong { font-size: 14px !important; font-weight: 600 !important; color: var(--gs-muted) !important; }
#popupCouponApply .layer_coupon_apply_order .btn_box { padding: 10px var(--gs-gutter) calc(10px + env(safe-area-inset-bottom)) !important; border: 0 !important; background: rgba(255, 252, 247, .97) !important; box-shadow: 0 -1px 0 var(--gs-line); box-sizing: border-box; }
#popupCouponApply .layer_coupon_apply_order .btn_box span { display: block; padding: 0 !important; }

/* ── 상세 쿠폰 받기(#popupCoupon) ── */
#popupCoupon .layer_coupon_down .coupondown .my_info ul { display: flex !important; align-items: center; justify-content: space-between; gap: 8px; width: auto !important; margin: 0 !important; padding: 16px var(--gs-gutter) 8px !important; border: 0 !important; background: none !important; }
#popupCoupon .layer_coupon_down .coupondown .my_info ul li { display: block !important; width: auto !important; padding: 0 !important; }
#popupCoupon .layer_coupon_down .coupondown .my_info ul li:nth-child(1) strong { margin: 0 !important; font-size: 15px !important; line-height: 1.4 !important; font-weight: 800 !important; color: var(--gs-text); }
#popupCoupon .layer_coupon_down .coupondown .my_info ul li:nth-child(1) strong span { font-size: 15px !important; color: var(--gs-accent-ink) !important; }
#popupCoupon .layer_coupon_down .coupondown .my_info ul li:nth-child(2) a.coupon_all_down_btn { display: inline-flex !important; align-items: center; height: 44px !important; margin: 0 !important; padding: 0 16px !important; border: 0 !important; border-radius: 999px !important;
  background: var(--gs-accent) !important; color: var(--gs-accent-text) !important; font-size: 14px !important; font-weight: 800 !important; line-height: 1 !important; box-sizing: border-box; }
#popupCoupon .layer_coupon_down .coupon_down_list { padding: 0 var(--gs-gutter) 24px !important; }
#popupCoupon .layer_coupon_down .coupon_down_list ul li { display: flex !important; align-items: center; gap: 12px; width: auto !important; margin: 0 0 8px !important; padding: 16px !important; border-radius: 16px; background: #fff; box-shadow: inset 0 0 0 1px var(--gs-line); box-sizing: border-box; }
#popupCoupon .layer_coupon_down .coupon_down_list ul li .coupon_left { display: block !important; flex: 1 1 auto; min-width: 0; width: auto !important; }
#popupCoupon .layer_coupon_down .coupon_down_list ul li .coupon_left dl dt { font-size: 14px !important; line-height: 1.45; font-weight: 700 !important; color: var(--gs-text); }
#popupCoupon .layer_coupon_down .coupon_down_list ul li .coupon_left dl dt strong { color: var(--gs-rate) !important; font-weight: 800; }
#popupCoupon .layer_coupon_down .coupon_down_list ul li .coupon_left dl dd { margin: 2px 0 0; font-size: 13px !important; line-height: 1.5; color: var(--gs-muted); }
#popupCoupon .layer_coupon_down .coupon_down_list ul li .coupon_left dl dd .c_red { color: var(--gs-sub) !important; }
#popupCoupon .layer_coupon_down .coupon_down_list ul li .coupon_left dl dd .chk_img { width: 12px !important; opacity: .55; }
#popupCoupon .layer_coupon_down .coupon_down_list ul li .coupon_right { display: block !important; flex: 0 0 auto; width: auto !important; }
#popupCoupon .layer_coupon_down .coupon_down_list ul li .coupon_right :is(.coupon_download_btn, .coupon_download_ok_btn, .coupon_download_no_btn) {
  display: inline-flex !important; align-items: center; justify-content: center; width: auto !important; min-width: 76px; height: 40px !important; margin: 0 !important; padding: 0 14px !important; border: 0 !important; border-radius: 999px !important;
  font-size: 14px !important; font-weight: 800 !important; line-height: 1 !important; box-sizing: border-box; }
#popupCoupon .layer_coupon_down .coupon_down_list ul li .coupon_right .coupon_download_btn { background: var(--gs-accent) !important; color: var(--gs-accent-text) !important; cursor: pointer; }
#popupCoupon .layer_coupon_down .coupon_down_list ul li .coupon_right .coupon_download_ok_btn { background: var(--gs-tint) !important; color: var(--gs-accent-ink) !important; }
#popupCoupon .layer_coupon_down .coupon_down_list ul li .coupon_right .coupon_download_no_btn { background: var(--gs-surface) !important; color: var(--gs-muted) !important; }
#popupCoupon .layer_coupon_down > p { padding: 24px var(--gs-gutter); font-size: 14px; color: var(--gs-sub); }

/* ── 마이 구매 확정·환불·반품·교환·사유(#popupSettle·Refund·Back·Exchange·Reason) ── */
:is(#popupSettle, #popupRefund, #popupBack, #popupExchange, #popupReason) .content_box { padding: 0 var(--gs-gutter) !important; }
:is(#popupSettle, #popupRefund, #popupBack, #popupExchange, #popupReason) .content_box dl { display: block !important; width: auto !important; margin: 0 0 12px !important; padding: 0 !important; }
:is(#popupSettle, #popupRefund, #popupBack, #popupExchange, #popupReason) .content_box dl :is(dt, dd) { display: block !important; width: auto !important; padding: 0 !important; }
:is(#popupSettle, #popupRefund, #popupBack, #popupExchange, #popupReason) .content_box dl dt { margin: 0 0 6px !important; font-size: 14px !important; font-weight: 700 !important; color: var(--gs-text) !important; }
:is(#popupSettle, #popupRefund, #popupBack, #popupExchange, #popupReason) .content_box dl dd { font-size: 14px !important; line-height: 1.5; color: var(--gs-sub); }
:is(#popupSettle, #popupRefund, #popupBack, #popupExchange, #popupReason) .content_box dl dd :is(.input_content, .inp_sel) :is(input, select, textarea) { width: 100% !important; }
:is(#popupSettle, #popupRefund, #popupBack, #popupExchange) .caution { margin: 0 var(--gs-gutter) !important; padding: 10px 14px !important; border-radius: 12px; background: var(--gs-surface); font-size: 13px !important; line-height: 1.5; color: var(--gs-sub); text-align: left !important; }
:is(#popupSettle, #popupRefund, #popupBack, #popupExchange) #mypageOrderlist { padding: 0 var(--gs-gutter); }
:is(#popupSettle, #popupRefund, #popupBack, #popupExchange) .order_btn.all_check_goods { height: 36px !important; padding: 0 12px !important; border: 0 !important; border-radius: 8px !important; background: #fff !important; box-shadow: inset 0 0 0 1px var(--gs-line); font-size: 13px !important; font-weight: 700 !important; color: var(--gs-sub) !important; }

/* ── 마이 배송 방법(#popupDeliveryMethod · 고도몰 = 머리·내용·닫기만) ── */
#popupDeliveryMethod .layer-delivery-method { width: auto !important; padding: 8px var(--gs-gutter) 24px !important; box-sizing: border-box; }
#popupDeliveryMethod .layer-delivery-method .input_wrap { display: flex !important; gap: 12px; margin: 0 !important; padding: 14px 0 !important; border: 0 !important; border-bottom: 1px solid #f0e7dc !important; }
#popupDeliveryMethod .layer-delivery-method .input_wrap .input_title { flex: 0 0 88px; width: auto !important; padding: 0 !important; font-size: 14px !important; font-weight: 700 !important; color: var(--gs-sub) !important; }
#popupDeliveryMethod .layer-delivery-method .input_wrap .input_content { flex: 1 1 auto; min-width: 0; width: auto !important; padding: 0 !important; font-size: 14px !important; color: var(--gs-text) !important; word-break: break-all; }
#popupDeliveryMethod .layer-delivery-method .layer-delivery-btn-area { margin: 20px 0 0 !important; padding: 0 !important; }

/* ── 마이 쿠폰 상세(#lyUseCase · 고도몰 이름 .layer_option 이 상세 구매 창과 같아 창 자리로만 건다) ── */
#lyUseCase .order_view .view_box { margin: 0 var(--gs-gutter) 24px !important; padding: 4px 16px !important; border: 0 !important; border-radius: 16px; background: #fff !important; box-shadow: inset 0 0 0 1px var(--gs-line); }
#lyUseCase .order_view .view_box dl { display: flex !important; gap: 12px; width: auto !important; margin: 0 !important; padding: 12px 0 !important; border: 0 !important; border-bottom: 1px solid #f0e7dc !important; }
#lyUseCase .order_view .view_box dl:last-child { border-bottom: 0 !important; }
#lyUseCase .order_view .view_box dl dt { flex: 0 0 104px; width: auto !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; font-size: 13px !important; line-height: 1.5; font-weight: 700 !important; color: var(--gs-sub) !important; }
#lyUseCase .order_view .view_box dl dd { flex: 1 1 auto; min-width: 0; width: auto !important; margin: 0 !important; padding: 0 !important; border: 0 !important; font-size: 14px !important; line-height: 1.5; color: var(--gs-text) !important; }
#lyUseCase .order_view .view_box dl dd ul { margin: 0; padding: 0; list-style: none; }
#lyUseCase .order_view .view_box dl dd li { margin: 0 !important; padding: 0 !important; font-size: 14px !important; line-height: 1.5; }

/* ── 팝업 머리 화면(outline/_share_header.html 이 gs_v15_mint·gs_v15·이 파일을 싣는다) · 품절 알림 새 창 ── */
body.portrait:has(.popup_goods_restock) { background: var(--gs-app) !important; }
.popup_goods_restock { min-height: 100vh; background: var(--gs-app); font-family: var(--gs-font); color: var(--gs-text); }
.popup_goods_restock .restock_top { position: relative; height: 56px !important; padding: 0 56px 0 var(--gs-gutter) !important; border-bottom: 1px solid var(--gs-line); background: var(--gs-app) !important; line-height: 56px !important; box-sizing: border-box; }
.popup_goods_restock .restock_top h1 { display: block !important; padding: 0 !important; font-size: 18px !important; font-weight: 800 !important; color: var(--gs-text) !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.popup_goods_restock .restock_top .restock_close_btn { top: 6px !important; right: 6px !important; width: 44px; height: 44px; font-size: 0 !important; color: transparent !important; cursor: pointer;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235e4f40' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M5 5l14 14M19 5L5 19'/%3E%3C/svg%3E") no-repeat center / 18px 18px; }
.popup_goods_restock .restock_contents { margin: 0 !important; padding: 16px var(--gs-gutter) calc(24px + env(safe-area-inset-bottom)) !important; }
.popup_goods_restock .restock_contents .name { height: auto !important; padding: 14px 16px !important; border-radius: 16px; background: #fff !important; box-shadow: inset 0 0 0 1px var(--gs-line); font-size: 15px !important; line-height: 1.45 !important; font-weight: 700 !important; }
.popup_goods_restock .restock_contents .restock_option { margin: 20px 0 0 !important; }
.popup_goods_restock .restock_contents .restock_option .restock_option_name, .popup_goods_restock .restock_private_subject_line label { font-size: 14px !important; font-weight: 700 !important; color: var(--gs-text); }
.popup_goods_restock .restock_contents .restock_option .restock_option_contents { height: auto !important; max-height: 220px; margin: 8px 0 0 !important; padding: 4px 12px !important; border-radius: 12px; background: #fff !important; box-shadow: inset 0 0 0 1px var(--gs-line); }
.popup_goods_restock :is(.restock_option_contents, .restock_private_contents)::-webkit-scrollbar { width: 4px; }
.popup_goods_restock :is(.restock_option_contents, .restock_private_contents)::-webkit-scrollbar-thumb { border-radius: 4px; background: #d8ccbe !important; }
.popup_goods_restock .restock_contents .restock_option .restock_option_contents > div { display: flex; align-items: center; margin: 0 !important; padding: 8px 0; font-size: 14px; line-height: 1.4; border-bottom: 1px solid #f0e7dc; }
.popup_goods_restock .restock_contents .restock_option .restock_option_contents > div:last-child { border-bottom: 0; }
.popup_goods_restock input[type="checkbox"] { -webkit-appearance: none !important; appearance: none !important; display: inline-grid; place-items: center; flex: 0 0 auto; width: 22px !important; height: 22px !important; margin: 0 8px 0 0 !important;
  border: 1.5px solid #e2d4c4 !important; border-radius: 50% !important; background: #fff !important; vertical-align: middle !important; cursor: pointer; }
.popup_goods_restock input[type="checkbox"]:checked { background: var(--gs-accent) !important; border-color: var(--gs-accent-ink) !important; }
.popup_goods_restock input[type="checkbox"]:checked::after { content: ''; width: 6px; height: 10px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg) translate(-1px, -1px); }
.popup_goods_restock .restock_contents .restock_option .restock_option_button { display: flex; gap: 8px; margin: 10px 0 0 !important; }
.popup_goods_restock .restock_contents .restock_request_input { margin: 20px 0 0; padding: 0 !important; background: none !important; }
.popup_goods_restock .restock_contents .restock_request_input dl { display: block !important; margin: 0 0 12px !important; padding: 0 !important; }
.popup_goods_restock .restock_contents .restock_request_input dl :is(dt, dd) { display: block !important; width: auto !important; }
.popup_goods_restock .restock_contents .restock_request_input dl dt { margin: 0 0 6px; }
.popup_goods_restock .restock_contents .restock_request_input dl dt label { text-align: left !important; font-size: 14px !important; font-weight: 700 !important; color: var(--gs-text); }
.popup_goods_restock .restock_contents .restock_request_input dl dd input { height: 46px !important; padding: 0 12px !important; border: 1px solid #e8dccd !important; border-radius: 12px !important; text-indent: 0 !important; line-height: normal !important; font-size: 15px !important; box-sizing: border-box; }
.popup_goods_restock .restock_contents .restock_private { margin: 16px 0 0 !important; }
.popup_goods_restock .restock_contents .restock_private .restock_private_subject { display: flex !important; align-items: center; justify-content: space-between; gap: 8px; }
.popup_goods_restock .restock_contents .restock_private .restock_private_subject .restock_private_subject_line { display: flex !important; align-items: center; width: auto !important; }
.popup_goods_restock .restock_contents .restock_private .restock_private_subject span { color: var(--gs-accent-ink) !important; }
.popup_goods_restock .restock_contents .restock_private .restock_private_contents_btn { width: auto !important; height: 36px; margin: 0 !important; padding: 0 12px !important; border: 0 !important; border-radius: 8px; background: #fff !important; box-shadow: inset 0 0 0 1px var(--gs-line);
  font-size: 13px !important; line-height: 36px !important; font-weight: 700; color: var(--gs-sub) !important; white-space: nowrap; cursor: pointer; }
.popup_goods_restock .restock_contents .restock_private .restock_private_contents { margin: 8px 0 0; padding: 10px 12px !important; border-radius: 12px; background: var(--gs-surface) !important; font-size: 13px; line-height: 1.55; color: var(--gs-sub); }
.popup_goods_restock .restock_contents .restock_message { margin: 16px 0 0 !important; font-size: 13px; line-height: 1.55; color: var(--gs-muted); }
.popup_goods_restock .restock_contents .restock_request_button { display: flex; gap: 8px; margin: 16px 0 0 !important; }
.popup_goods_restock .restock_contents .restock_button { display: flex !important; align-items: center; justify-content: center; flex: 1 1 0; width: auto !important; height: 52px !important; margin: 0 !important; padding: 0 12px !important;
  border: 0 !important; border-radius: 16px; background: #fff !important; box-shadow: inset 0 0 0 1px var(--gs-line); color: var(--gs-text) !important; font-size: 16px !important; font-weight: 800 !important; line-height: 1.2 !important; box-sizing: border-box; cursor: pointer; }
.popup_goods_restock .restock_contents .restock_option_button .restock_button { height: 44px !important; font-size: 14px !important; border-radius: 12px; }
.popup_goods_restock .restock_contents .restock_button.restock_button3 { background: var(--gs-accent) !important; box-shadow: none; color: var(--gs-accent-text) !important; }

/* ═════════════════ 첫 화면 절 10/21 (대표 «옛날 고도몰 웹디자인이 뜨면서 버벅» · 처음 그리기) ═════════════════
   덧씌우기(바닥글 js/gs_v16_order·search·mypage·member·board·plan.js)는 DOMContentLoaded 뒤에 칸을 옮겨 입혀, 그 전 첫 그리기에 고도몰 옛 칸·옛 «‹ 제목» 줄이 먼저 보였다
   → outline/_header.html 머리의 «첫 화면 이름표»(html.gs-pre-*)가 있는 화면만, 덧씌우기가 «다 됐다» 이름표를 붙일 때까지 본문·옛 제목 줄을 가린다(자리는 그대로 = 보이는 순간 안 흔들림)
   안전장치: 덧씌우기가 끝내 안 붙으면(스크립트 오류·느린 망) 4초 뒤 저절로 보임(전과 같은 모습) · 이름표가 없는 화면(머리 블록 전·다른 화면)엔 안 먹는다
   다 됐다 이름표 = 주문서 gs-order-ready · 주문 완료 gs-end-ready · 로그인 gs-login-ready · 마이 gs-my-ready(+회원정보 변경 gs-mb-ready) · 회원 gs-mb-ready · 게시판/고객센터 gs-bd-ready · 기획전 gs-pl-ready · 검색 .goods_search.gs-srch-on
   시험 tools/buy_qa/pre1021_check.mjs(첫 프레임부터 · 짝 = 이름표 없음)
   10/23: 옛 «‹ 제목» 줄(#header_wrap .sub_top) 가림은 걷었다 · 이 화면들은 서버가 <html> 에 gs-pg-flow 를 처음부터 붙여(outline/_header.html) css/gs_v16_order.css 가 그 줄을 첫 그림부터 display:none */
html.gs-pre-order:not(.gs-order-ready) :is(#contents_wrap, #gsTabbar),
html.gs-pre-oend:not(.gs-end-ready) #contents_wrap,
html.gs-pre-login:not(.gs-login-ready) #contents_wrap,
html.gs-pre-my:not(.gs-my-ready) #contents_wrap,
html.gs-pre-myinfo:not(.gs-mb-ready) #contents_wrap,
html.gs-pre-mb:not(.gs-mb-ready) #contents_wrap,
html.gs-pre-bd:not(.gs-bd-ready) #contents_wrap,
html.gs-pre-pl:not(.gs-pl-ready) #contents_wrap,
html.gs-pre-srch #contents_wrap .goods_search:not(.gs-srch-on) { visibility: hidden; animation: gsPreLate 0s linear 4s forwards; }
@keyframes gsPreLate { to { visibility: visible; } }