/* 굿스푼 여백·선·간격 바로잡기 · 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; }