@charset "utf-8"; /* ============================================================ dozamm 모바일 공통 덮어쓰기 (2026-09-06 시작) PC 스킨의 dozamm_custom.css 와 짝. 색 규약: 행동·강조 #086736 / hover #0a5a30 / 연초록 #e8f0eb·#cfe0d5 / 세이지 #9fc3b0 / 베이지 #eee6db / 연회색 캡슐 #f2efe9·#5f5a53 / 디바이더 #808080 / 본문 #2e2b28 outline/_header.html 이 모든 스킨 CSS 뒤에 불러온다. ============================================================ */ /* ---------- REVIEW 상세 (board/skin/gallery/view.html) — PC 이식 (2026-09-06) ---------- */ .view_gallery .selected_goods_wrap, .view_gallery .btn_wish_bx, .view_gallery .view_comment .comment_count{ display: none !important; } .view_gallery .dz_info{ padding: 10px 12px 0; border: 0; background: none; } .view_gallery .dz_row1{ display: flex; justify-content: space-between; align-items: baseline; gap: 10px; padding: 0 0 10px; border-bottom: 1px solid #808080; } .view_gallery .dz_row1 .dz_goods{ font-size: 11pt; font-weight: 700; color: #2e2b28; text-decoration: none; word-break: keep-all; } .view_gallery .dz_row1 .dz_date{ flex: none; font-size: 11pt; color: #2e2b28; } .view_gallery .dz_row2{ display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; padding: 10px 0 0; font-size: 11pt; color: #2e2b28; } .view_gallery .dz_row2 .dz_writer{ font-size: 11pt; font-weight: 700; color: #086736; } .view_gallery .dz_row2 .dz_star{ color: #086736; letter-spacing: 1px; } .view_gallery .dz_row2 .dz_hit{ margin-left: auto; } .view_gallery .dz_post_btn, .view_gallery .comment_options .comment_modify_btn, .view_gallery .comment_options .comment_del_btn, .view_gallery .dz_reply_all{ display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; height: 26px; padding: 0 12px; border: 1px solid #ddd8d0 !important; border-radius: 999px !important; background: #f2efe9 !important; color: #5f5a53 !important; font-size: 10pt !important; font-weight: 400 !important; line-height: 1; } .view_gallery .dz_reply_all{ border-color: #cfe0d5 !important; background: #e8f0eb !important; color: #2e2b28 !important; padding: 0 14px; } /* 본문 ↔ 댓글: 한 행 띄우고 50% 검정 디바이더, 다시 한 행 */ .view_gallery .contents_holder{ padding: 14px 12px 0; } .view_gallery .comment_wrap{ position: relative; margin: 0 12px; padding: 22px 0 0; background: none; border: 0; } .view_gallery .comment_wrap::before{ content: ""; display: block; height: 1px; margin: 0 0 22px; background: #808080; } .view_gallery .js_data_comment_row{ margin: 0; padding: 0; border: 0; background: none; box-sizing: border-box; } .view_gallery .comment_info{ padding: 0; } .view_gallery .comment_info .rereply_row{ padding: 0; background: none; } .view_gallery .comment_info .writer{ font-size: 11pt; font-weight: 400; color: #2e2b28; } .view_gallery .comment_info .writer .dz_mark{ color: #086736; } .view_gallery .comment_info .date{ display: none; } .view_gallery .comment_wrap .contents_holder{ padding: 0; font-size: 11pt; line-height: 1.7; color: #2e2b28; } .view_gallery .comment_options{ padding: 4px 0 12px; } .view_gallery .comment_options .comment_reply_btn{ display: none !important; } .view_gallery .dz_reply_row{ padding: 4px 0 0; text-align: left; } /* 댓글·답글 입력 양식: 캡슐 입력칸, 둥근 내용칸, 진초록 [확인] */ .view_gallery .reply_form{ margin: 12px 0 0; padding: 0; background: none; border: 0; } .view_gallery .reply_form .b_guest_info{ display: flex; gap: 10px; margin: 0 0 10px; } .view_gallery .reply_form .b_guest_info dd{ flex: 1 1 0; margin: 0; padding: 0; } .view_gallery .reply_form .b_guest_info input{ width: 100%; height: 36px; padding: 0 14px; box-sizing: border-box; border: 1px solid #9fc3b0; border-radius: 999px; background: #fff; font-size: 11pt; color: #2e2b28; } .view_gallery .reply_form .b_guest_info input:focus{ outline: none; border-color: #086736; } .view_gallery .reply_form .b_guest dt{ padding: 0 0 8px; font-size: 11pt; color: #2e2b28; } .view_gallery .reply_form .b_guest dt strong{ font-weight: 400; } .view_gallery .reply_form .b_guest .textarea_box textarea{ width: 100%; box-sizing: border-box; border: 0; background: none; font-size: 10pt; line-height: 1.6; color: #2e2b28; resize: none; } .view_gallery .reply_form .b_memo{ display: block; } .view_gallery .reply_form .b_memo .comment_input textarea{ width: 100%; min-height: 90px; padding: 10px 14px; box-sizing: border-box; border: 1px solid #9fc3b0; border-radius: 14px; background: #fff; font-size: 11pt; color: #2e2b28; } .view_gallery .reply_form .b_memo .comment_input textarea:focus{ outline: none; border-color: #086736; } .view_gallery .reply_form .b_memo .comment_btn{ padding: 10px 0 0; text-align: right; } .view_gallery .reply_form .b_memo .comment_btn button{ display: inline-flex; align-items: center; justify-content: center; height: 36px; padding: 0 26px; border: 1px solid #086736; border-radius: 999px; background: #086736; color: #fff; font-size: 11pt; font-weight: 700; } .view_gallery .reply_form .inp_chk input[type="checkbox"]{ -webkit-appearance: none; appearance: none; display: inline-block; width: 18px; height: 18px; margin: 0 6px 0 0; box-sizing: border-box; border: 1px solid #086736; border-radius: 5px; background: #fff; vertical-align: middle; } .view_gallery .reply_form .inp_chk input[type="checkbox"]:checked::after{ content: ""; display: block; width: 5px; height: 9px; margin: 1px 0 0 5px; border: solid #086736; border-width: 0 2px 2px 0; transform: rotate(45deg); } /* 비밀번호 인증 창: 캡슐 입력칸·진초록 [확인] */ .cite_layer .wrap div input{ width: 220px; height: 36px; line-height: 34px; text-indent: 0; padding: 0 14px; box-sizing: border-box; border: 1px solid #9fc3b0; border-radius: 999px; font-size: 14px; color: #231916; } .cite_layer .wrap div .btn_box{ width: auto; } .cite_layer .wrap div .btn_box a{ display: inline-flex; align-items: center; justify-content: center; height: 36px; padding: 0 26px; border-radius: 999px; background: #086736 !important; color: #fff !important; font-size: 14px; font-weight: 700; text-decoration: none; } .cite_layer .wrap h4{ font-size: 16px; background: #fff; border-bottom: 1px solid #999; } .cite_layer .wrap div p{ font-size: 14px; color: #2e2b28; } /* REVIEW 상세 다듬기 (2026-09-06): 댓글 사이 회색 선·댓글 수 띠·답글 폼 윗선 제거, 버튼 폭 자동, 입력칸 규격 강제 */ .view_gallery .view_comment{ display: none !important; } .view_gallery .comment_info, .view_gallery .reply_form.js_action_form, .view_gallery .reply_form.js_form_write{ border-top: 0 !important; } .view_gallery .view_box > .contents_holder{ color: #2e2b28; font-size: 11pt; line-height: 1.7; } .view_gallery .dz_post_btn, .view_gallery .comment_options .comment_modify_btn, .view_gallery .comment_options .comment_del_btn, .view_gallery .dz_reply_all{ width: auto !important; min-width: 0 !important; white-space: nowrap; margin: 0 6px 0 0; } .view_gallery .reply_form .b_guest_info input[type="text"], .view_gallery .reply_form .b_guest_info input[type="password"]{ height: 36px !important; border-radius: 999px !important; border: 1px solid #9fc3b0 !important; } .view_gallery .reply_form .b_memo .comment_input{ width: 100% !important; float: none !important; } .view_gallery .reply_form .b_memo .comment_btn{ width: auto !important; float: none !important; } .view_gallery .reply_form .b_memo .comment_input textarea{ width: 100% !important; } /* 수집항목 안내: 테두리·회색 바탕 없이 글만 (PC 와 동일) */ .view_gallery .reply_form .b_guest .textarea_box{ background: none !important; border: 0 !important; padding: 0 !important; } /* ---------- REVIEW 쓰기 (board/skin/gallery/write.html) — PC 후기 쓰기 레이어 이식 (2026-09-06) ---------- */ .write_gallery .write_wrap dl{ border: 0 !important; } .write_gallery .write_wrap dt label{ font-size: 11pt; color: #2e2b28; } .write_gallery .write_wrap dd input[type="text"], .write_gallery .write_wrap dd input[type="password"]{ height: 36px !important; padding: 0 14px !important; box-sizing: border-box; border: 1px solid #9fc3b0 !important; border-radius: 999px !important; background: #fff; font-size: 11pt; color: #2e2b28; } .write_gallery .write_wrap dd input:focus{ outline: none; border-color: #086736 !important; } .write_gallery .dz_stars button{ -webkit-appearance: none; appearance: none; width: auto; height: auto; padding: 0 2px; margin: 0; border: 0; background: none; font-size: 22px; line-height: 1; color: #e3ddd4; } .write_gallery .dz_stars button.on{ color: #086736; } .write_gallery .b_content .textarea_box textarea{ min-height: 160px; padding: 10px 14px; box-sizing: border-box; border: 1px solid #9fc3b0 !important; border-radius: 14px !important; background: #fff; font-size: 11pt; line-height: 1.7; color: #2e2b28; } .write_gallery .b_content .textarea_box textarea:focus{ outline: none; border-color: #086736 !important; } .write_gallery .b_file{ padding: 0; } .write_gallery .b_file .file_face{ border: 1px solid #cfe0d5 !important; border-radius: 12px !important; background-color: #e8f0eb !important; color: #2e2b28 !important; font-size: 10pt; } .write_gallery .capcha .capcha_img img{ width: 140px; height: auto; } .write_gallery .capcha .capcha_text{ display: none; } .write_gallery .capcha .capcha_input input{ height: 36px !important; border: 1px solid #9fc3b0 !important; border-radius: 999px !important; padding: 0 14px !important; box-sizing: border-box; } .write_gallery .capcha .captchareload_btn{ border: 0; background: none; font-size: 10pt; color: #5f5a53; text-decoration: underline; } .write_gallery .capcha .captchareload_btn img{ display: none; } .write_gallery .btn_box{ display: flex; gap: 8px; padding: 10px 0 0; } .write_gallery .btn_box li{ flex: 1 1 0; } .write_gallery .btn_box button{ display: flex; align-items: center; justify-content: center; width: 100%; height: 46px; /* block → flex: 세로 중앙을 원칙 블록이 잡게 (2026-09-11) */ border-radius: 999px !important; font-size: 11pt !important; font-weight: 700 !important; } .write_gallery .btn_box .write_cancel_btn{ border: 1px solid #086736 !important; background: #fff !important; color: #086736 !important; } .write_gallery .btn_box .write_save_btn{ border: 1px solid #086736 !important; background: #086736 !important; color: #fff !important; } .write_gallery .b_guest .textarea_box{ background: none !important; border: 0 !important; padding: 0 !important; } .write_gallery .b_guest .textarea_box textarea{ border: 0 !important; background: none !important; font-size: 10pt; color: #2e2b28; } .write_gallery .inp_chk input[type="checkbox"]{ -webkit-appearance: none; appearance: none; display: inline-block; width: 18px; height: 18px; margin: 0 6px 0 0; box-sizing: border-box; border: 1px solid #086736; border-radius: 5px; background: #fff; vertical-align: middle; } .write_gallery .inp_chk input[type="checkbox"]:checked::after{ content: ""; display: block; width: 5px; height: 9px; margin: 1px 0 0 5px; border: solid #086736; border-width: 0 2px 2px 0; transform: rotate(45deg); } /* ---------- 장바구니 (order/cart.html) — PC 이식 (2026-09-06) ---------- */ .cart .my_goods li .info .itembody p{ color: #2e2b28; font-size: 11pt; line-height: 1.5; } .cart .my_goods li .info .itembody p.name{ font-weight: 700; } .cart .my_goods li .info .itembody .prc{ color: #2e2b28; } .cart .dz_dlv{ font-size: 11pt; color: #2e2b28; } .cart .dz_dlv .dz_dlv_method{ color: #2e2b28; } /* 옵션/수량 변경·삭제 버튼: 연회색 캡슐 */ .cart .btn_list .cart_option_modify, .cart .btn_list .cart_onedel_btn{ height: 28px !important; line-height: 28px !important; padding: 0 14px !important; border: 0 !important; border-radius: 999px !important; background: #f2efe9 !important; color: #5f5a53 !important; font-size: 10pt !important; } /* 합계 상자 → '합계 N원' 한 줄 (진초록) + 왼쪽 안내글 */ .cart .my_buy{ border: 0; background: none; padding: 10px 12px 0; } .cart .my_buy dl:not(.total), .cart .my_buy #deliveryChargeText{ display: none !important; } .cart .my_buy dl.total{ display: flex; justify-content: flex-end; align-items: baseline; gap: 12px; border: 0; padding: 0; } .cart .my_buy dl.total dt, .cart .my_buy dl.total dd, .cart .my_buy dl.total dd strong{ font-size: 17pt; font-weight: 700; color: #086736; } .cart .my_buy dl.total dd strong small{ display: none; } .cart .dz_cart_notes{ padding: 16px 12px 0; font-size: 11pt; font-weight: 700; line-height: 1.6; color: #2e2b28; } .cart .dz_cart_notes p{ margin: 0; } /* 체크박스: 흰 바탕·진초록 테두리·진초록 체크 */ .cart .inp_chk input[type="checkbox"].sp{ -webkit-appearance: none; appearance: none; position: static; width: 18px; height: 18px; margin: 0; box-sizing: border-box; border: 1px solid #086736; border-radius: 5px; background: #fff !important; vertical-align: middle; } .cart .inp_chk input[type="checkbox"].sp:checked::after{ content: ""; display: block; width: 5px; height: 9px; margin: 1px 0 0 5px; border: solid #086736; border-width: 0 2px 2px 0; transform: rotate(45deg); } .cart .inp_chk label.blind{ display: none; } /* 버튼: 캡슐 — 삭제 회색 테두리, 선택 주문 진초록 테두리, 전체 주문 진초록 바탕 */ .cart .btn_wish_bx .btn_bx button, .cart .btn_wish_bx .cart_all_order_btn{ height: 46px !important; line-height: 44px !important; border-radius: 999px !important; font-size: 11pt !important; font-weight: 700 !important; } .cart .btn_wish_bx .cart_select_del_btn{ border: 1px solid #cfcfcf !important; background: #fff !important; color: #5f5a53 !important; } .cart .btn_wish_bx .cart_select_order_btn{ border: 1px solid #086736 !important; background: #fff !important; color: #086736 !important; } .cart .btn_wish_bx .cart_all_order_btn{ border: 1px solid #086736 !important; background: #086736 !important; color: #fff !important; } /* 장바구니 다듬기 (2026-09-06): 삭제 버튼 폭, 합계 한 줄 정렬, 옵션 글 블랙 강제 */ .cart .btn_list .select_del_box{ width: auto !important; } .cart .btn_list .cart_onedel_btn{ width: auto !important; min-width: 0 !important; white-space: nowrap; } .cart .my_goods li .info .itembody p, .cart .my_goods li .info .itembody p.name{ color: #2e2b28 !important; } .cart .my_buy dl.total dt, .cart .my_buy dl.total dd{ width: auto !important; float: none !important; text-align: right !important; padding: 0 !important; margin: 0 !important; } /* ---------- 주문 결제 (order/order.html) — PC 이식 (2026-09-06) ---------- */ .pay .table_style4 th, .pay .table_style4 td{ border-bottom: 0 !important; background: none !important; color: #2e2b28 !important; font-size: 11pt; padding-top: 6px; padding-bottom: 6px; } .pay .table_style4 th label{ color: #2e2b28; font-size: 11pt; } .pay .table_style4 input[type="text"], .pay .table_style4 input[type="password"], .pay .table_style4 input[type="number"], .pay .table_style4 input[type="tel"]{ height: 36px !important; padding: 0 14px !important; box-sizing: border-box; border: 1px solid #9fc3b0 !important; border-radius: 999px !important; background: #fff !important; font-size: 11pt; color: #2e2b28; } .pay .table_style4 input:focus{ outline: none; border-color: #086736 !important; } .pay .table_style4 select{ -webkit-appearance: none; appearance: none; height: 36px !important; padding: 0 36px 0 14px !important; box-sizing: border-box; border: 1px solid #cfe0d5 !important; border-radius: 999px !important; background: #e8f0eb !important; color: #2e2b28; font-size: 11pt; background-image: linear-gradient(45deg, transparent 50%, #8a8378 50%), linear-gradient(135deg, #8a8378 50%, transparent 50%) !important; background-position: calc(100% - 20px) 15px, calc(100% - 14px) 15px !important; background-size: 6px 6px !important; background-repeat: no-repeat !important; } .pay .table_style4 textarea{ border: 1px solid #9fc3b0 !important; border-radius: 14px !important; padding: 10px 14px; box-sizing: border-box; color: #2e2b28; } .pay .inp_chk input[type="checkbox"], .join_agreement .inp_chk input[type="checkbox"]{ -webkit-appearance: none; appearance: none; position: static; width: 18px; height: 18px; margin: 0 6px 0 0; box-sizing: border-box; border: 1px solid #086736; border-radius: 5px; background: #fff !important; vertical-align: middle; } .pay .inp_chk input[type="checkbox"]:checked::after, .join_agreement .inp_chk input[type="checkbox"]:checked::after{ content: ""; display: block; width: 5px; height: 9px; margin: 1px 0 0 5px; border: solid #086736; border-width: 0 2px 2px 0; transform: rotate(45deg); } .pay .inp_rdo label, .pay .inp_chk label, .join_agreement .inp_chk label, .pay .pay_mth li label{ padding-left: 0 !important; background: none !important; color: #2e2b28; } .pay .pay_notice, .pay .point_view p, .pay .tx, .pay .member_chk_box label small{ color: #2e2b28 !important; } .pay .point_view .js-mileageInfoArea{ display: none !important; } .pay .table_style4 .dz_dlv_val, .pay .table_style4 .dz_dc_val{ font-weight: 700 !important; color: #2e2b28 !important; } .pay .table_style4 .dz_ml_val{ font-weight: 700 !important; color: #086736 !important; } .pay .dz_bank_one{ font-weight: 700; color: #2e2b28; } .pay .dz_bank_list .dz_bank{ display: block; margin: 0 0 6px; } .pay .escrow_payment .dz_escrow_note, .pay .pay_mth .dz_escrow_note{ font-weight: 400; color: #2e2b28; } /* '배송지 목록에 추가합니다.' 는 뺀다 (PC 와 동일) */ .pay .member_chk_box .inp_chk:has(#reflectApplyDelivery){ display: none !important; } /* 최종 결제 금액: 진초록, [결제하기] 진초록 캡슐 */ .pay .sum_prc dd .c_red, .pay .sum_prc dd strong{ color: #086736 !important; } .pay .sum_prc_wrap{ border: 0; background: none; } .pay .btn_pay_wrap .order_payment_btn{ height: 50px !important; line-height: 48px !important; border: 1px solid #086736 !important; border-radius: 999px !important; background: #086736 !important; color: #fff !important; font-size: 12pt !important; font-weight: 700 !important; } .pay .caution_msg1{ color: #2e2b28; } /* REVIEW 쓰기 다듬기 (2026-09-06): 상품 정보 머리, 항목명 왼쪽 열(64px)로 모든 줄 통일, 라디오 평가, 사진 버튼은 캡슐·고른 사진은 64px 썸네일 */ .write_gallery .dz_goods_top{ display: flex; align-items: center; gap: 12px; padding: 4px 0 14px; margin: 0 0 12px; border-bottom: 1px solid #808080; } .write_gallery .dz_goods_thumb img{ display: block; width: 64px; height: 64px; object-fit: cover; border-radius: 8px; } .write_gallery .dz_goods_info strong{ display: block; font-size: 11pt; font-weight: 700; color: #2e2b28; } .write_gallery .dz_goods_desc{ margin: 4px 0 0; font-size: 10pt; line-height: 1.5; color: #2e2b28; word-break: keep-all; } .write_gallery .write_wrap dl, .write_gallery .write_wrap dl.b_content, .write_gallery .write_wrap dl.dz_photos{ display: flex !important; align-items: flex-start; gap: 10px; padding: 8px 0 !important; margin: 0 !important; } .write_gallery .write_wrap dl > dt, .write_gallery .write_wrap dl.b_content > dt{ flex: 0 0 64px !important; width: 64px !important; float: none !important; padding: 8px 0 0 !important; margin: 0 !important; text-align: left; } .write_gallery .write_wrap dl > dd, .write_gallery .write_wrap dl.b_content > dd{ flex: 1 1 auto !important; min-width: 0; width: auto !important; float: none !important; margin: 0 !important; padding: 0 !important; } .write_gallery .dz_rate{ display: block; margin: 6px 0 8px; font-size: 11pt; color: #2e2b28; line-height: 20px; } .write_gallery .dz_rate .dz_star{ color: #086736; letter-spacing: 1px; vertical-align: middle; } .write_gallery .b_file #boardAttach{ display: flex; flex-wrap: wrap; gap: 8px; align-items: center; } .write_gallery .b_file li.item{ margin: 0 !important; padding: 0 !important; float: none !important; } .write_gallery .b_file li.item .file_face{ display: inline-flex !important; align-items: center; justify-content: center; width: auto !important; height: 36px !important; padding: 0 16px !important; margin: 0 !important; border: 1px solid #cfe0d5 !important; border-radius: 999px !important; background-color: #e8f0eb !important; color: #2e2b28 !important; font-size: 10pt !important; text-indent: 0 !important; } /* background 축약형은 인라인 썸네일 그림을 지워 버린다 → 색만 (2026-09-07) */ .write_gallery .b_file li.item .file_face::before, .write_gallery .b_file li.item .file_face::after{ display: none !important; content: none !important; } .write_gallery .b_file li.item:not(.template) .file_face{ width: 64px !important; height: 64px !important; padding: 0 !important; border-radius: 12px !important; background-size: cover !important; background-position: center !important; font-size: 0 !important; color: transparent !important; } .write_gallery .b_content .textarea_box textarea{ min-height: 140px; } /* REVIEW 쓰기 (2026-09-06): 고도몰 dl 고정 높이 탓에 평가 라디오가 아래 줄을 덮었다 → 높이 자동. '파일첨부' 글 줄바꿈 방지 */ .write_gallery .write_wrap dl, .write_gallery .write_wrap dl > dt, .write_gallery .write_wrap dl > dd{ height: auto !important; min-height: 0 !important; overflow: visible !important; position: static !important; line-height: normal; } .write_gallery .b_file li.item .file_face{ white-space: nowrap !important; line-height: 34px !important; min-width: 0 !important; max-width: none !important; overflow: visible !important; } .write_gallery .dz_goods_top{ display: flex; } /* REVIEW 쓰기 (2026-09-06): 회원 이름 줄 숨김이 flex !important 에 밀리던 것, 평가는 두 줄로(가로 배치), 파일첨부 버튼은 board.css 의 #boardAttach 규칙(100%·+그림·font-size 0)보다 세게 */ .write_gallery .write_wrap dl.dn{ display: none !important; } .write_gallery .dz_rating dd{ display: flex; flex-wrap: wrap; gap: 4px 16px; padding-top: 6px !important; } .write_gallery .dz_rate{ display: inline-flex; align-items: center; margin: 0; white-space: nowrap; } #boardAttach{ display: flex !important; flex-wrap: wrap; gap: 8px; align-items: center; } #boardAttach li.item{ width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; float: none !important; } #boardAttach li.item.template{ order: 9999; } /* [올리기]는 늘 맨 뒤 (2026-09-18, 스크립트의 DOM 정리와 이중 안전) */ #boardAttach li.item button.file_face{ width: auto !important; height: 36px !important; padding: 0 16px !important; box-sizing: border-box; background-color: #e8f0eb !important; border: 1px solid #cfe0d5 !important; border-radius: 999px !important; color: #2e2b28 !important; font-size: 10pt !important; line-height: 34px !important; white-space: nowrap; overflow: visible; text-indent: 0; } #boardAttach li.item:not(.template) button.file_face{ width: 64px !important; height: 64px !important; padding: 0 !important; border-radius: 12px !important; font-size: 0 !important; color: transparent !important; background-color: #f2efe9 !important; background-size: cover !important; background-position: center !important; } /* REVIEW 쓰기 (2026-09-06): 평가는 첫 줄 ★5·★4, 둘째 줄 ★3·★2·★1 / 사진 썸네일 오른쪽 위 × */ .write_gallery .dz_rating dd{ display: grid !important; grid-template-columns: repeat(6, 1fr); gap: 8px 6px; } .write_gallery .dz_rate:nth-child(1), .write_gallery .dz_rate:nth-child(2){ grid-column: span 3; } .write_gallery .dz_rate:nth-child(n+3){ grid-column: span 2; } #boardAttach li.item:not(.template){ position: relative !important; overflow: visible !important; } #boardAttach li.item .dz_del_photo{ position: absolute; top: 4px; right: 4px; width: 22px; height: 22px; padding: 0; border: 0; border-radius: 50%; background: rgba(255,255,255,.85) url('../img/icon/icon_x3.png') no-repeat center; background-size: 12px 12px; color: transparent; font-size: 0; z-index: 2; } /* 썸네일 안 오른쪽 위, 공통 × 그림 (2026-09-07) */ #boardAttach li.item:not(.template){ flex: 0 0 64px; width: 64px !important; } /* ---------- 좌측 메뉴 (2026-09-06): 로그인 후 '로그아웃 | 마이페이지 | 장바구니(n)' 가 두 줄로 떨어져 폭 220 → 280, 장바구니 담긴 수 진초록 ---------- */ #wrap nav .nav_bg_box .nav_box{ width: 280px !important; } #wrap nav .left_close{ left: 290px !important; } #wrap nav .nav_login ul{ display: flex; flex-wrap: nowrap; align-items: center; white-space: nowrap; } #wrap nav .nav_login ul li{ flex: 0 0 auto; } #wrap nav .nav_login ul li a .dz_cart_cnt{ color: #086736 !important; font-weight: 700 !important; } #wrap nav .nav_login ul{ padding-left: 10px; } /* 첫 글자가 아래 메뉴 글자(20px)와 같은 x 에서 시작하게 (li 안쪽 10px + 10px) */ /* 장바구니 카드 본문 (2026-09-06 보정): order.css 의 긴 선택자에 밀리던 것을 같은 길이로 덮는다 — 정보 줄 11pt·블랙, 가격 블랙, 선결제 배송비 줄은 왼쪽 정렬(오른쪽 정렬이면 줄마다 시작점이 달라졌다) */ .cart .cart_content_box .my_goods li .mid_box .right_box .info .itembody p{ font-size: 11pt; line-height: 1.5; color: #2e2b28; } .cart .cart_content_box .my_goods li .mid_box .right_box .info .itembody p.name{ padding: 0 0 2px; color: #2e2b28; } .cart .cart_content_box .my_goods li .mid_box .right_box .info .itembody .prc{ padding: 8px 0 0; font-size: 12pt; color: #2e2b28; } .cart .cart_content_box .my_goods li .mid_box .right_box .info .itembody .dz_dlv{ text-align: left !important; padding: 2px 0 0; font-size: 11pt; line-height: 1.5; color: #2e2b28; word-break: keep-all; } /* 장바구니 카드 (2026-09-06): 상단 중앙 타이틀, [삭제] = 진초록 원 ×(리뷰 쓰기 사진 삭제와 같은 아이콘), 선결제 배송비 줄은 고른 항목과 같은 크기로 그 아래, 합계 금액은 진초록으로 오른쪽 아래 */ .cart .dz_page_tit{ margin: 0; padding: 14px 0 6px; text-align: center; font-size: 13pt; font-weight: 700; color: #2e2b28; } .cart .btn_list .select_del_box{ padding-right: 4px !important; } .cart .btn_list .cart_onedel_btn{ width: 22px !important; height: 22px !important; line-height: 22px !important; padding: 0 !important; min-width: 0 !important; border-radius: 50% !important; background: #086736 !important; color: #fff !important; font-size: 16px !important; text-align: center; } .cart .cart_content_box .my_goods li .mid_box .right_box .info .itembody .dz_dlv{ padding: 0; } .cart .cart_content_box .my_goods li .mid_box .right_box .info .itembody .prc{ text-align: right; color: #086736; } /* 장바구니 (2026-09-06): [삭제] = 좌측 메뉴 닫기와 같은 × 그림(icon_left_x.png), 하단 버튼 글자 정중앙(안쪽 여백 0), [선택 상품 주문]·[전체 상품 주문] 한 줄 */ .cart .btn_list .cart_onedel_btn{ width: 24px !important; height: 24px !important; border-radius: 0 !important; background: url('../img/icon/icon_left_x.png') no-repeat center !important; background-size: 100% !important; font-size: 0 !important; color: transparent !important; } .cart .btn_wish_bx{ display: flex; align-items: stretch; gap: 8px; padding: 10px 12px 0; } .cart .btn_wish_bx ul.btn_bx{ display: block; flex: 1 1 0; padding: 0; width: auto; } .cart .btn_wish_bx ul.btn_bx li{ display: block; width: auto; padding: 0 !important; } .cart .btn_wish_bx .cart_all_order_btn{ flex: 1 1 0; width: auto; } .cart .btn_wish_bx .btn_bx button, .cart .btn_wish_bx .cart_all_order_btn{ display: block; width: 100%; padding: 0 !important; height: 46px !important; line-height: 46px !important; } .cart .btn_list .cart_onedel_btn{ filter: invert(1); opacity: .85; } /* icon_left_x.png 는 흰 × (어두운 배경용) → 반전해 검게 */ /* 장바구니 카드 배치 (2026-09-06, 사용자 시안): 머리줄 = 체크박스 왼쪽 … [옵션/수량 변경] 오른쪽 끝, 본문 = 썸네일 왼쪽 끝 | 정보(넓게), × 는 상품명 줄 오른쪽 끝, 가격 위아래 여백 줄임 */ .cart .cart_content_box .my_goods > li{ padding: 8px 10px 8px !important; } .cart .cart_content_box .my_goods li .btn_list{ display: flex !important; align-items: center; justify-content: space-between; padding: 0 0 8px !important; } .cart .cart_content_box .my_goods li .btn_list .left_box{ display: block; padding: 0; font-size: 0; line-height: 0; } .cart .cart_content_box .my_goods li .btn_list .option_btn{ display: block; } .cart .cart_content_box .my_goods li .btn_list .option_btn button{ margin: 0 !important; } .cart .cart_content_box .my_goods li .btn_list .cart_option_modify{ display: inline-flex !important; align-items: center; justify-content: center; line-height: 1 !important; padding: 0 14px !important; } /* 위 여백 보정은 걷어냈다 — 세로 중앙은 자동 생성 블록이 맡는다 (2026-09-11) */ .cart .cart_content_box .my_goods li .mid_box{ display: block; } .cart .cart_content_box .my_goods li .mid_box .right_box{ display: block; position: relative; width: auto; padding: 0; } .cart .cart_content_box .my_goods li .mid_box .right_box .info{ padding: 8px 0 0; } .cart .cart_content_box .my_goods li .mid_box .right_box .info > a, .cart .cart_content_box .my_goods li .mid_box .right_box .info > .dz_nolink{ margin: 0; } /* .dz_nolink = 맞춤 상품(상세 연결을 뗀 자리, cart.html dz-cart-custom) — 같은 배치 (2026-10-11) */ .cart .cart_content_box .my_goods li .mid_box .right_box .info .itembody{ padding: 0 0 0 10px; vertical-align: top; } .cart .cart_content_box .my_goods li .mid_box .right_box .info .itembody p.name{ padding: 0 30px 2px 0; } .cart .cart_content_box .my_goods li .mid_box .right_box .info .itembody .prc{ padding: 2px 0 0; line-height: 1.4; } .cart .cart_content_box .my_goods li .select_del_box{ top: 8px !important; right: 0 !important; z-index: 2; } /* 장바구니 카드 (2026-09-06 시안 2): 상품명을 머리줄 체크박스 옆으로 → 본문 한 줄 절약, × 는 본문 오른쪽 위. 옵션 버튼 글자는 아이폰에서 여전히 위로 떠 3px 내림 */ .cart .cart_content_box .my_goods li .btn_list .left_box{ display: flex; align-items: center; gap: 8px; min-width: 0; padding-right: 8px; font-size: 11pt; line-height: 1.3; } .cart .cart_content_box .my_goods li .btn_list .left_box .inp_chk{ flex: 0 0 auto; font-size: 0; line-height: 0; } .cart .cart_content_box .my_goods li .btn_list .dz_card_name{ flex: 1 1 auto; min-width: 0; font-weight: 700; color: #2e2b28; word-break: keep-all; } .cart .cart_content_box .my_goods li .btn_list .option_btn{ flex: 0 0 auto; } .cart .cart_content_box .my_goods li .btn_list .cart_option_modify{ padding: 0 14px !important; } /* 장바구니 (2026-09-06): 전체 선택 체크박스를 카드 체크박스와 같은 x(21px)로 + '전체 선택' 글자, × 위로, 정보 칸 폭 고정(표 셀을 감싸는 상자가 표가 아니라 내용 길이대로 줄어 합계 금액 위치가 카드마다 달랐다), 주문 버튼 ↔ 네이버페이 상자 간격, 전체 합계 2px 축소 */ .cart .cart_content_box .allchk{ padding: 10px 10px 10px 21px; } .cart .cart_content_box .allchk .inp_chk{ display: flex; align-items: center; gap: 8px; } .cart .cart_content_box .allchk .dz_allchk_label{ display: inline; font-size: 11pt; color: #2e2b28; } .cart .cart_content_box .my_goods li .select_del_box{ top: 0 !important; } .cart .cart_content_box .my_goods li .mid_box .right_box .info > a > div:has(> .itembody), .cart .cart_content_box .my_goods li .mid_box .right_box .info > .dz_nolink > div:has(> .itembody){ display: flex; width: 100%; } /* 맞춤 상품도 썸네일 | 정보 가로 배치 (2026-10-11 사용자 지시) */ .cart .cart_content_box .my_goods li .mid_box .right_box .info .itemhead{ display: block; flex: 0 0 auto; } .cart .cart_content_box .my_goods li .mid_box .right_box .info .itembody{ display: block; flex: 1 1 auto; min-width: 0; } .cart .btn_payco{ margin-top: 18px; } .cart .my_buy dl.total dt, .cart .my_buy dl.total dd, .cart .my_buy dl.total dd strong{ font-size: 20.5px; } /* 장바구니 디테일 (2026-09-06): 체크박스 옆 글자(전체 선택·상품명)가 아이폰에서 위로 떠 2px 내림, × 3px 아래로, 회색 바닥을 마지막 카드에서 끊지 않고 안내글·전체 합계까지 깔고 주문 버튼부터 흰색 */ .cart .cart_content_box .allchk .dz_allchk_label, .cart .cart_content_box .my_goods li .btn_list .dz_card_name{ padding-top: 2px; } .cart .cart_content_box .my_goods li .select_del_box{ top: 3px !important; } .cart .dz_cart_notes, .cart .my_buy{ background: #f2f3f3; } .cart .my_buy{ padding-bottom: 14px; } .cart .btn_wish_bx{ padding-top: 16px; } /* 장바구니 (2026-09-06): 체크박스 옆 글자 1px 더 내림 */ .cart .cart_content_box .allchk .dz_allchk_label, .cart .cart_content_box .my_goods li .btn_list .dz_card_name{ padding-top: 3px; } /* 장바구니 옵션/수량 변경 창 (#popupOption, 2026-09-06): 제목 = 상품명, 고른 항목 글자 +2px, 항목 ↔ 수량 한 줄 띄움, 항목·수량 시작을 옵션 선택폼(왼쪽 60px)에 맞춤, 가격은 진초록 볼드·'원'도 같은 크기, [적용하기]는 금액 아래 진초록 테두리 캡슐(바닥 고정 해제) */ #popupOption .ly_head .h_tit{ color: #2e2b28; font-weight: 700; } #popupOption .option_display_area .view_order_goods{ padding: 16px 15px 4px 60px !important; } #popupOption .option_display_area dl dt{ font-size: 14px !important; font-weight: 700; color: #2e2b28; line-height: 1.4; } #popupOption .option_display_area dl dd{ margin-top: 18px; } #popupOption .option_display_area .price_info .count{ margin: 0 !important; } #popupOption .option_display_area .price_info .right{ font-size: 15px !important; font-weight: 700 !important; color: #086736 !important; } #popupOption .option_display_area .price_info .right .price{ padding: 0 !important; font-size: 15px !important; color: #086736 !important; } #popupOption .layer_option .ly_buy_dn.popup_dn{ position: static !important; width: auto !important; padding: 14px 15px 24px 60px; } #popupOption .layer_option .popup_dn .btn_box2 span{ margin: 0 !important; } #popupOption .detail_apply_btn{ display: block; box-sizing: border-box; height: 44px !important; line-height: 42px !important; padding: 0 !important; border-radius: 999px !important; background: #fff !important; border: 1px solid #086736 !important; color: #086736 !important; font-size: 11pt !important; font-weight: 700 !important; } /* 옵션/수량 변경 창 (2026-09-06): 디바이더 전부 제거(옵션 하나를 바꾸는 화면이라 구분선이 필요 없다), 닫기 × 는 장바구니 카드와 같은 24px 그림 */ #popupOption .ly_head{ border-bottom: 0 !important; } #popupOption .option_display_area .view_order_goods{ border: 0 !important; } #popupOption .close_btn{ top: 29px !important; right: 15px !important; width: 24px !important; height: 24px !important; } /* 제목을 한 행(20px) 내린 것과 맞춤 */ #popupOption .lys_close_btn{ width: 24px !important; height: 24px !important; background: url('../img/icon/icon_x3.png') no-repeat center !important; background-size: 12px 12px !important; } /* 장바구니 카드 × (2026-09-06 정리): 카드를 재배치하며 ×가 머리줄(.btn_list) 밖으로 나가 위의 '큰 ×' 규칙이 더 이상 안 맞고 고도몰 기본(icon_x3.png 12px)이 보였는데, 사용자가 그 크기를 택했다 → 명시적으로 고정. 옵션 창 닫기 × 도 같은 값 */ .cart .cart_content_box .my_goods li .cart_onedel_btn{ width: 24px !important; height: 24px !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: url('../img/icon/icon_x3.png') no-repeat center !important; background-size: 12px 12px !important; font-size: 0 !important; color: transparent !important; filter: none; opacity: 1; } /* 장바구니 카드 (2026-09-06): 옵션 추가 금액 괄호는 상품 상세처럼 2px 작게 */ .cart .cart_content_box .my_goods li .mid_box .right_box .info .itembody p .dz_opt_prc{ font-size: 12.67px; } /* 장바구니 (2026-09-06): '전체 선택' 줄을 회색 바닥(맨 위 ~ 첫 카드, 55px)의 세로 중앙에 — 위 15 / 아래 5 (첫 카드 위 여백 10 포함하면 위아래 15/15) */ .cart .cart_content_box .allchk{ padding: 15px 10px 5px 21px; } /* ---------- 주문 결제 개편 (2026-09-06): 장바구니와 같은 제목·회색 바닥·카드, 구역 제목·항목명은 PC 와 동일 ---------- */ .order .dz_page_tit{ margin: 0; padding: 14px 0 6px; text-align: center; font-size: 13pt; font-weight: 700; color: #2e2b28; background: #fff; } .order .dz_order_band{ background: #f2f3f3; padding: 0 0 14px; } .order .order_tit{ background: none !important; border-top: 0 !important; margin: 0 15px; padding: 22px 0 6px !important; border-bottom: 1px solid #808080; font-size: 12pt; font-weight: 700; color: #2e2b28; line-height: 1.4; } .order .order_tit b{ font-weight: 700; } .order .dz_order_band .order_tit{ margin: 0 10px; padding-top: 12px !important; border-bottom: 0; } /* 주문 내역 카드 (장바구니 카드와 동일) */ .order .pay .my_goods > li{ margin: 0; padding: 0; border: 0; } .order .pay .my_goods > li > strong{ display: block; padding: 6px 10px; } .order .pay .my_goods li .info.order-goods-layout{ display: block; margin: 0 10px 10px; padding: 8px 10px; border: 1px solid #ccc; background: #fff; box-sizing: border-box; } .order .pay .my_goods li .dz_card_head{ padding: 0 0 8px; border-bottom: 1px solid #c9c9c9; } .order .pay .my_goods li .dz_card_name{ display: block; padding-top: 3px; font-size: 11pt; font-weight: 700; color: #2e2b28; line-height: 1.3; word-break: keep-all; } .order .pay .my_goods li .info > a, .order .pay .my_goods li .info > .dz_nolink{ display: block; margin: 0; padding: 8px 0 0; } /* .dz_nolink = 맞춤 상품(상세 연결을 뗀 자리, order.html dz-order-custom) */ .order .pay .my_goods li .dz_card_body{ display: flex; width: 100%; } .order .pay .my_goods li .itemhead{ display: block; flex: 0 0 auto; } .order .pay .my_goods li .itemhead .thmb img{ width: 90px; } .order .pay .my_goods li .itembody{ display: block; flex: 1 1 auto; min-width: 0; padding: 0 0 0 10px; } .order .pay .my_goods li .itembody p{ font-size: 11pt; line-height: 1.5; color: #2e2b28; } .order .pay .my_goods li .itembody p .dz_opt_prc{ font-size: 12.67px; } .order .pay .my_goods li .itembody .dz_dlv{ font-size: 11pt; line-height: 1.5; color: #2e2b28; word-break: keep-all; } .order .pay .my_goods li .itembody .prc{ display: block; padding: 2px 0 0; text-align: right; font-size: 12pt; font-weight: 700; color: #086736; line-height: 1.4; } .order .pay .dz_cart_notes{ padding: 6px 12px 0; font-size: 11pt; font-weight: 700; line-height: 1.6; color: #2e2b28; } .order .pay .dz_cart_notes p{ margin: 0; } .order .pay .dz_order_sum{ padding: 10px 12px 0; text-align: right; } .order .pay .dz_order_sum dl.total{ display: flex; justify-content: flex-end; align-items: baseline; gap: 12px; } .order .pay .dz_order_sum dl.total dt, .order .pay .dz_order_sum dl.total dd, .order .pay .dz_order_sum dl.total dd strong{ font-size: 20.5px; font-weight: 700; color: #086736; } .order .pay .dz_order_sum .dz_mileage_sum{ display: block; margin-top: 4px; font-style: normal; font-size: 11pt; font-weight: 700; color: #2e2b28; } /* 항목 표: 항목명 열 너비, 줄 간격 */ .order .table_style4 th{ width: 96px; padding-left: 15px !important; vertical-align: top; } .order .table_style4 td{ padding-right: 15px !important; } .order .dz_sub_field{ margin-top: 8px; } .order .dz_inline_label{ display: block; margin: 0 0 4px; font-size: 11pt; color: #2e2b28; } /* 배송지 확인: 라디오 세 개 한 줄(좁으면 줄바꿈), 고도몰 탭은 숨김 */ .order .dz_ship_pick .inp_rdo{ display: inline-flex; align-items: center; margin: 4px 14px 4px 0; } .order .order_box .delivery_box .tab_menu{ display: none !important; } .order tr.dz_hide{ display: none !important; } /* 최종 결제 금액: 금액 왼쪽, [결제하기] 오른쪽 */ .order .dz_final_box .dz_final_row{ display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 15px 4px; } .order .dz_final_box .sum_prc_wrap{ padding: 0; margin: 0; } .order .dz_final_box .sum_prc{ padding: 0; } .order .dz_final_box .sum_prc dt{ display: none; } /* 금액만 10px 안쪽으로 들어가 있었다 — order.css 의 '.order .order_box .sum_prc_wrap dl dd' 가 왼쪽 여백 10px 을 준다. 클래스를 하나 더 짚어 그 규칙을 이긴다 (2026-09-13) */ .order .dz_final_box .sum_prc_wrap .sum_prc dd{ font-size: 0; margin: 0; } .order .dz_final_box .sum_prc dd .c_red{ font-size: 20.5px; font-weight: 700; color: #086736 !important; } .order .dz_final_box .sum_prc dd .c_red br{ display: none; } .order .dz_final_box .btn_pay_wrap{ flex: 0 0 auto; padding: 0; margin: 0; } .order .dz_final_box .btn_pay_wrap .order_payment_btn{ width: auto; min-width: 140px; height: 46px !important; line-height: 46px !important; padding: 0 28px !important; border-radius: 999px !important; background: #086736 !important; border: 1px solid #086736 !important; color: #fff !important; font-size: 11pt !important; font-weight: 700 !important; } .order .dz_reconfirm .re_confirm{ padding: 10px 15px 0; } .order .table_style4 .dz_final_mirror{ font-weight: 700; color: #2e2b28; } /* 주문 내역 카드 보정 (2026-09-06): order.css 의 .info(width:100%·표)와 .itembody p(12px 회색)를 같은 길이 선택자로 덮는다 */ .order .pay .my_goods li .info.order-goods-layout{ width: auto; display: block; } .order .pay .my_goods li .info .itembody p{ font-size: 11pt; line-height: 1.5; color: #2e2b28; } .order .pay .my_goods li .info .itembody{ padding: 0 0 0 10px; } .order .pay .my_goods li .info .itemhead{ display: block; } .order .pay .my_goods li .info .itembody .prc{ font-size: 12pt; color: #086736; } /* 주문 결제 보정 2 (2026-09-06): 결제 정보·무통장 표(.pay 밖)의 회색 항목칸·줄선 제거, 배송지 확인 라디오 한 줄, 우편번호 버튼 베이지 캡슐, 결제 수단 제목의 체크 그림 숨김, 최종 결제 금액 정리 */ .order .table_style4 th, .order .table_style4 td{ border-bottom: 0 !important; background: none !important; color: #2e2b28 !important; font-size: 11pt; padding-top: 6px; padding-bottom: 6px; vertical-align: top; } .order .table_style4 th label{ color: #2e2b28; font-size: 11pt; } .order .table_style4 input[type="text"], .order .table_style4 input[type="password"], .order .table_style4 input[type="number"], .order .table_style4 input[type="tel"]{ height: 36px !important; border: 1px solid #9fc3b0 !important; border-radius: 999px !important; padding: 0 14px !important; box-sizing: border-box; color: #2e2b28; background: #fff !important; } .order .table_style4 input:focus{ outline: none; border-color: #086736 !important; } .order .table_style4 strong.total{ font-weight: 700; color: #2e2b28; } .order .dz_ship_pick .inp_rdo{ display: inline-flex !important; align-items: center; margin: 4px 14px 4px 0 !important; } .order .dz_ship_pick .inp_rdo label{ padding: 0 !important; } /* margin-left 6px 은 걷었다 — 라디오 공통 규약이 점 쪽에서 6px 을 주므로 겹쳐 12px 이 됐다 (2026-09-13) */ .order .zipcode_box .zipcode_btn_box{ width: 84px; } .order .zipcode_box .zipcode_top{ padding-right: 90px; } .order .zipcode_box .zipcode_btn1{ width: 84px !important; height: 36px !important; line-height: 36px !important; padding: 0 !important; border: 0 !important; border-radius: 999px !important; background: #eee6db !important; color: #2e2b28 !important; font-size: 10pt !important; font-weight: 400 !important; } .order .how_to_pay .order_tit > span img, .order .order_tit img.js_payment_check_general, .order .order_tit img.js_payment_check_payco{ display: none !important; } .order .dz_final_box .sum_prc dt{ display: none !important; } .order .dz_final_box .sum_prc dd{ padding: 0 !important; text-align: left !important; } .order .dz_final_box .sum_prc_wrap{ border: 0 !important; background: none !important; padding: 0 !important; } /* 주문 결제 보정 3 (2026-09-06): 결제 정보의 배송비·할인·적립 값 진초록 볼드(PC 와 동일), 결제 수단 안의 작은 제목(일반 결제·무통장입금·현금영수증…)은 항목명 크기 */ /* 결제 정보 값 (2026-09-07, PC 와 동일): 적립 예정만 진초록, 나머지 숫자는 블랙 */ .order .table_style4 .dz_dlv_val, .order .table_style4 .dz_dc_val, .order .table_style4 .dz_ml_val{ font-weight: 700 !important; color: #2e2b28 !important; } /* 결제 정보 값 (2026-09-13 사용자 지시, PC 와 동일): 최종 결제 금액만 진초록 볼드, 적립 예정은 블랙, 괄호 설명은 볼드 해제 */ .order .table_style4 .dz_final_mirror{ font-weight: 700 !important; color: #086736 !important; } .order .table_style4 .dz_dlv_val .dz_paren, .order .table_style4 .dz_ml_val .dz_paren{ font-weight: 400 !important; } .order .how_to_pay .order_tit.js_gd5_settlekind_general, .order .how_to_pay .order_tit.js_gd5_settlekind_general_gb, .order .how_to_pay .order_tit.js_gd5_settlekind_fintech_payco, .order .how_to_pay .order_tit.js_gd5_settlekind_escrow, .order .how_to_pay .order_tit.js_gd5_settlekind_overseas, .order .how_to_pay .order_tit[id^="settlekind_general_"], .order .order_tit.js_gd5_cash_receipt_info, .order .order_tit.js_gd5_tax_info{ font-size: 11pt; padding-top: 14px !important; border-bottom: 0; } .order .dz_final_box .sum_prc dd .c_red{ white-space: nowrap; } /* 주문 결제 보정 4 (2026-09-06): 표마다 위에 깔리던 회색 선 제거, 우편번호 버튼 폭(order.css 66px 고정)을 84px 로 */ .order .table_style4{ border-top: 0 !important; } .order .order_box .zipcode_box .zipcode_top .zipcode_btn_box{ width: 84px !important; } .order .dz_ship_pick .inp_rdo{ margin: 2px 14px 2px 0 !important; } /* 주문 결제 보정 5 (2026-09-07): 합계 2px 축소(20.5→18.5), 구역 제목 디바이더 ↔ 첫 항목 간격, 줄 간격, 입력폼은 PC 처럼 들어갈 글 길이의 1.1배 폭(이름 120 / 번호 150 / 우편번호 84 / 이메일 아이디 130 / 입금자명 120 / 적립금·예치금 120 / 사업자 번호 150 / 회사명 200 / 대표자명 120 / 업태·종목 150) */ .order .pay .dz_order_sum dl.total dt, .order .pay .dz_order_sum dl.total dd, .order .pay .dz_order_sum dl.total dd strong{ font-size: 18.5px; } .order .order_tit{ padding-bottom: 8px !important; margin-bottom: 8px; } .order .table_style4 th, .order .table_style4 td{ padding-top: 8px; padding-bottom: 8px; } .order .table_style4 th{ padding-top: 14px; } .order .table_style4 input[type="text"], .order .table_style4 input[type="number"], .order .table_style4 input[type="tel"]{ width: 100%; max-width: 100%; } .order .table_style4 input[name="orderName"], .order .table_style4 input[name="receiverName"], .order .table_style4 input[name="shippingName"], .order .table_style4 input[name="directName"], .order .table_style4 input[name="bankSender"], .order .table_style4 input[name="useMileage"], .order .table_style4 input[name="useDeposit"], .order .table_style4 input[name="taxCeoNm"]{ width: 120px !important; } .order .table_style4 input[name="orderCellPhone"], .order .table_style4 input[name="orderPhone"], .order .table_style4 input[name="receiverCellPhone"], .order .table_style4 input[name="receiverPhone"], .order .table_style4 input[name="shippingCellPhone"], .order .table_style4 input[name="shippingPhone"], .order .table_style4 input[name="directCellPhone"], .order .table_style4 input[name="directPhone"], .order .table_style4 input[name="cashPhone"], .order .table_style4 input[name="cashBusiNo"], .order .table_style4 input[name="taxBusiNo"], .order .table_style4 input[name="taxService"], .order .table_style4 input[name="taxItem"]{ width: 150px !important; } .order .table_style4 input[name="taxCompany"]{ width: 200px !important; } .order .table_style4 input[name="orderEmail"], .order .table_style4 input[name="taxEmail"]{ width: 130px !important; } .order .order_box .cell_bx, .order .order_box .cell_bx .cell{ display: block; width: auto; } .order .order_box .cell_bx .cell + .cell{ margin-top: 6px; } .order .order_box .cell_bx .cell .inp_sel{ margin-left: 0; width: 160px; } .order .order_box .zipcode_box .zipcode_top{ padding-right: 0; } .order .order_box .zipcode_box .zipcode_top .zipcode_num{ display: inline-block; width: 84px; vertical-align: middle; } .order .order_box .zipcode_box .zipcode_top .zipcode_btn_box{ position: static; display: inline-block; width: auto !important; margin-left: 8px; vertical-align: middle; } .order .order_box .zipcode_box .zipcode_btn1{ width: auto !important; padding: 0 16px !important; white-space: nowrap; } .order .order_box .zipcode_box input[name$="Zonecode"]{ width: 84px !important; } /* 주문 결제 보정 6 (2026-09-07): 항목명 열 = 가장 긴 '상품 합계 금액'(88px) + 공백 셋(11px) → 왼쪽 여백 15 포함 114px, 적립금·예치금 '(N원 보유)'는 입력폼 오른쪽, 회원 정보 반영 상자는 배송 메모 뒤 */ .order .table_style4 th{ width: 114px !important; box-sizing: border-box; padding-left: 15px !important; padding-right: 0 !important; } .order .table_style4 td{ padding-left: 0 !important; } .order .all_money_box{ display: inline-flex; align-items: center; gap: 8px; vertical-align: middle; } .order .all_money_box .money_left, .order .all_money_box .money_right{ display: block; float: none; width: auto; padding: 0; } .order .all_money_box .money_right .inp_chk{ white-space: nowrap; } .order .point_view{ display: inline-block; margin-left: 8px; vertical-align: middle; } .order .point_view p{ margin: 0; white-space: nowrap; font-size: 11pt; color: #2e2b28; } .order .dz_member_chk{ padding: 4px 15px 0 114px; } .order .dz_member_chk .member_chk_box{ padding: 6px 0 !important; font-weight: 400; } .order .dz_member_chk .member_chk_box label small{ color: #2e2b28; } /* 값만 있는 줄(입력폼·라디오·버튼 없음)은 값도 항목명과 같은 위 여백(14px)으로 — 값이 항목명보다 위에 앉지 않게 (2026-09-07) */ .order .table_style4 td:not(:has(input, select, button, textarea)){ padding-top: 14px; } /* 주문 결제 보정 7 (2026-09-07): 이메일 도메인 드롭다운은 입력폼 오른쪽에 좁게, 우편번호 줄은 flex(버튼이 아래로 떨어지지 않게), 회원 정보 반영의 괄호 설명 숨김, 결제 수단 선택은 드롭다운, 일반 결제·에스크로의 라디오는 항목명 열 오른쪽에 세로로 정렬 */ .order .order_box .cell_bx{ display: flex !important; align-items: center; gap: 8px; } .order .order_box .cell_bx .cell{ display: block !important; width: auto !important; flex: 0 0 auto; } .order .order_box .cell_bx .cell + .cell{ margin-top: 0; } .order .order_box .cell_bx .cell .inp_sel{ width: 108px; margin-left: 0; } .order .table_style4 input[name="orderEmail"]{ width: 120px !important; } .order .order_box .zipcode_box .zipcode_top{ display: flex; align-items: center; gap: 8px; padding-right: 0 !important; } .order .order_box .zipcode_box .zipcode_top .zipcode_num{ display: block; flex: 0 0 84px; width: 84px; } .order .order_box .zipcode_box .zipcode_top .zipcode_num input{ margin: 0 !important; } .order .order_box .zipcode_box .zipcode_top .zipcode_btn_box{ position: static !important; display: block; flex: 0 0 auto; width: auto !important; margin: 0; } .order .member_chk_box label small, .order .dz_member_chk label small{ display: none !important; } .order .how_to_pay ul.pay_mth.dz_hidden_list{ display: none !important; } .order .how_to_pay .dz_pay_type{ margin: 10px 15px 4px; width: 180px; } .order .how_to_pay .dz_pay_type select{ width: 100%; height: 36px; border: 1px solid #cfe0d5; border-radius: 999px; background: #e8f0eb; color: #2e2b28; font-size: 11pt; padding: 0 14px; -webkit-appearance: none; appearance: none; } .order .how_to_pay #settlekind_general > .order_box:first-child, .order .how_to_pay #settlekind_escrow > .order_box{ display: grid; grid-template-columns: 99px 1fr; column-gap: 0; align-items: start; padding: 0 15px 10px; } .order .how_to_pay #settlekind_general > .order_box:first-child > .order_tit, .order .how_to_pay #settlekind_escrow > .order_box > .order_tit{ grid-column: 1; margin: 0; padding: 14px 0 0 !important; border-bottom: 0; font-size: 11pt; font-weight: 400; } .order .how_to_pay #settlekind_general > .order_box:first-child > ul.pay_mth, .order .how_to_pay #settlekind_escrow > .order_box > ul.pay_mth{ grid-column: 2; padding: 8px 0 0; } .order .how_to_pay #settlekind_general > .order_box:first-child > ul.pay_mth li, .order .how_to_pay #settlekind_escrow > .order_box > ul.pay_mth li{ display: block; width: auto; float: none; padding: 4px 0; } .order .how_to_pay #settlekind_general > .order_box:first-child > .pay_notice{ grid-column: 1 / -1; padding: 6px 0 0; margin: 0; } /* 결제 수단 드롭다운에 꺾쇠 (2026-09-07) */ .order .how_to_pay .dz_pay_type{ position: relative; } .order .how_to_pay .dz_pay_type::after{ content: ""; position: absolute; right: 16px; top: 50%; width: 7px; height: 7px; border-right: 1.5px solid #8a8378; border-bottom: 1.5px solid #8a8378; transform: translateY(-70%) rotate(45deg); pointer-events: none; } /* 주문 결제 보정 8 (2026-09-07): 드롭다운은 오른쪽 열(114px)에 — 결제 수단·증빙서류 공통, 라디오 글자 11pt, 모든 라디오 진초록(.pay 밖 포함), 회색 글자 블랙, 적립금 '(보유 N원)' 입력폼 옆·[전액 사용] 다음 줄, 무통장 안내는 입금자명 뒤 */ .order .how_to_pay .dz_radio_pick, .order .dz_radio_pick{ position: relative; margin: 10px 15px 4px 114px; width: 180px; } .order .dz_radio_pick select{ width: 100%; height: 36px; border: 1px solid #cfe0d5; border-radius: 999px; background: #e8f0eb; color: #2e2b28; font-size: 11pt; padding: 0 14px; -webkit-appearance: none; appearance: none; } .order .dz_radio_pick::after{ content: ""; position: absolute; right: 16px; top: 50%; width: 7px; height: 7px; border-right: 1.5px solid #8a8378; border-bottom: 1.5px solid #8a8378; transform: translateY(-70%) rotate(45deg); pointer-events: none; } .order ul.pay_mth.dz_hidden_list{ display: none !important; } .order .inp_rdo label, .order .pay_mth li label{ font-size: 11pt !important; color: #2e2b28 !important; padding-left: 0 !important; background: none !important; } .order .point_view, .order .point_view p, .order .point_view span, .order .tx, .order .pay_notice, .order .payco_notice{ color: #2e2b28 !important; } .order .all_money_box{ display: flex !important; flex-wrap: wrap; align-items: center; gap: 6px 8px; } .order .all_money_box .money_left{ flex: 0 0 auto; } .order .all_money_box .point_view{ flex: 0 0 auto; margin: 0; } .order .all_money_box .money_right{ flex: 0 0 100%; } /* 적립금·예치금 (2026-09-13 사용자 지시): 첫 줄 (입력폼) 원 / 둘째 줄 (보유 N원). 전액 사용 체크박스는 뺐고 최대 사용 안내는 걷는다 (PC 와 같이). ⚠ order.css 가 .order .order_box .table_box .all_money_box .money_left{display:table-cell;width:53%} (0,5,0) 로 칸을 잡는다 — 같은 길이로 맞춰야 이긴다 */ .order .order_box .table_box .all_money_box .money_left{ display: flex; align-items: center; gap: 6px; width: auto; } .order .all_money_box .money_left .dz_money_unit{ font-size: 11pt; color: #2e2b28; } /* (보유 N원) 은 스크립트가 .money_left 뒤로 옮긴다 — 입력폼·원 옆 같은 줄, 좁으면 줄바꿈 (2026-09-13 사용자 지시) */ .order .order_box .table_box .all_money_box .point_view{ display: block; flex: 0 0 auto; margin: 0; padding: 0; } .order .point_view .js-mileageInfoArea{ display: none !important; } .order .dz_gb_notice{ margin: 6px 15px 0 114px; font-size: 11pt; line-height: 1.5; } .order .how_to_pay .pay_notice.js_gd5_settlekind_general{ display: none !important; } /* 현금영수증 소득공제용/지출증빙용 라디오도 항목명 오른쪽에 세로 정렬 (2026-09-07) */ .order #cash_receipt_info > .order_box{ display: grid; grid-template-columns: 99px 1fr; align-items: start; padding: 0 15px 10px; } .order #cash_receipt_info > .order_box > .order_tit{ grid-column: 1; margin: 0; padding: 14px 0 0 !important; border-bottom: 0; font-size: 11pt; font-weight: 400; } .order #cash_receipt_info > .order_box > ul.pay_mth{ grid-column: 2; padding: 8px 0 0; } .order #cash_receipt_info > .order_box > ul.pay_mth li{ display: block; width: auto; float: none; padding: 4px 0; } .order #cash_receipt_info > .order_box > *:not(.order_tit):not(ul.pay_mth){ grid-column: 1 / -1; } /* 장바구니 (2026-09-07): [옵션/수량 변경]은 캡슐 대신 평이한 글 링크, 가격 아래 오른쪽 끝('원' 위치) */ .cart .cart_content_box .my_goods li .btn_list .option_btn{ display: none; } .cart .cart_content_box .my_goods li .right_box .dz_opt_link{ display: block; margin: 2px 0 0; text-align: right; } .cart .cart_content_box .my_goods li .right_box .dz_opt_link .cart_option_modify{ display: inline !important; height: auto !important; line-height: 1.4 !important; padding: 0 !important; margin: 0 !important; border: 0 !important; border-radius: 0 !important; background: none !important; color: #2e2b28 !important; font-size: 10pt !important; text-decoration: underline; text-underline-offset: 2px; } .cart .cart_content_box .my_goods li .right_box .dz_opt_link .cart_option_modify{ font-weight: 400 !important; } /* 볼드 아닌 평이한 글 링크 */ /* 장바구니 (2026-09-07 정정): [옵션/수량 변경]은 머리줄 오른쪽 끝 그대로, 캡슐(바탕·테두리·여백)만 벗겨 글자(10pt·#5f5a53)만 오른쪽 정렬, 밑줄 없음 */ .cart .cart_content_box .my_goods li .btn_list .option_btn{ display: block; } .cart .cart_content_box .my_goods li .btn_list .cart_option_modify{ display: inline !important; height: auto !important; line-height: 1.4 !important; padding: 0 !important; margin: 0 !important; border: 0 !important; border-radius: 0 !important; background: none !important; color: #5f5a53 !important; font-size: 10pt !important; font-weight: 400 !important; text-decoration: none !important; } /* 그 줄은 align-items:center 라 상자 기준으로 가운데를 맞춘다 — 글자 크기가 다른 둘(상품명 14.67 / 이 글자 13.33)은 그렇게 맞추면 기준선이 어긋나, 이 글자가 1.97px 위에 앉아 떠 보였다. 기준선을 상품명에 맞춘다 (2026-09-12 실측) */ .cart .cart_content_box .my_goods li .btn_list .cart_option_modify{ position: relative; top: 2px; } /* 장바구니 (2026-09-07): 합계의 '원'·안내글·주문 버튼을 카드 안 글과 같은 폭(왼쪽 21 ~ 오른쪽 354px)에 맞춤 — 카드 바깥 여백 10 + 테두리 1 + 안쪽 10 */ .cart .dz_cart_notes{ padding-left: 21px; padding-right: 21px; } .cart .my_buy{ padding-left: 21px; padding-right: 21px; } .cart .btn_wish_bx{ padding-left: 21px; padding-right: 21px; } /* 옵션·수량 변경 창 (2026-09-07): 꺾쇠를 왼쪽 시작선(60px)에 맞춤(캡슐 여백 만큼 당김), '원'·[적용하기] 오른쪽 끝은 장바구니 카드와 같은 21px 안쪽(354px) */ #popupOption .option_display_area .price_info .count{ padding: 0 !important; margin-left: -7px !important; } #popupOption .option_display_area .view_order_goods{ padding-right: 21px !important; } #popupOption .layer_option .ly_buy_dn.popup_dn{ padding-right: 21px; } /* 주문 결제 표 (2026-09-07): 입력폼 36 → 32px, 항목명 볼드, 줄 간격 3/4(위아래 8 → 6px), 항목명은 첫 입력폼의 세로 중앙(6 + 16 = 22px)에 맞춰 11px 아래서 시작 — 값만 있는 줄도 같은 11px. 구역 제목·디바이더 간격은 그대로 */ .order .table_style4 th{ padding-top: 11px !important; padding-bottom: 6px !important; font-weight: 700; line-height: 22px; } .order .table_style4 th label{ font-weight: 700; line-height: 22px; } .order .table_style4 td{ padding-top: 6px !important; padding-bottom: 6px !important; line-height: 22px; } .order .table_style4 td:not(:has(input, select, button, textarea)){ padding-top: 11px !important; } .order .table_style4 input[type="text"], .order .table_style4 input[type="password"], .order .table_style4 input[type="number"], .order .table_style4 input[type="tel"]{ height: 32px !important; } .order .table_style4 .inp_sel select, .order .order_box .cell_bx .cell .inp_sel select{ height: 32px !important; } .order .order_box .zipcode_box .zipcode_btn1{ height: 32px !important; line-height: 32px !important; } .order .order_box .zipcode_box input{ margin: 0 0 6px !important; } .order .dz_radio_pick select{ height: 32px; } .order .dz_radio_pick::after{ transform: translateY(-60%) rotate(45deg); } .order .dz_ship_pick .inp_rdo{ margin: 2px 14px 2px 0 !important; line-height: 22px; } .order .all_money_box{ gap: 6px 8px; } .order .delivery_box .tab_content{ padding-bottom: 0 !important; } .order .delivery_box > .table_box, .order .delivery_box .table_box_guest{ padding-top: 0 !important; margin-top: 0 !important; } /* 배송 메모 줄만 10px 더 벌어지던 것 (2026-09-07) */ /* 받으실 곳 (2026-09-07): 우편번호 줄과 주소 칸 사이 6px, 마지막 상세주소 아래 남는 여백은 없앰 */ .order .order_box .zipcode_box .zipcode_top{ margin-bottom: 6px !important; } .order .order_box .zipcode_box input:last-child{ margin-bottom: 0 !important; } /* 항목명 굵기 (2026-09-07): PC 는 필수 항목에 불릿이 있으나 모바일엔 없으니, 필수(th.required)만 볼드·나머지는 보통 굵기로 구분 */ .order .table_style4 th, .order .table_style4 th label{ font-weight: 400; } .order .table_style4 th.required, .order .table_style4 th.required label{ font-weight: 700; } .order .table_style4 th:has(label[for="bankSender"]), .order .table_style4 th:has(label[for="bankSender"]) label{ font-weight: 700; } /* 입금자명은 무통장입금이면 사실상 필수 → 볼드 (2026-09-07) */ .order .table_style4 tr:has(input#bankSender) th, .order .table_style4 tr:has(input#bankSender) th label{ font-weight: 700; } /* label 의 for 가 둘이라 앞의 빈 값이 이겨 label[for] 선택자가 안 맞음 → 줄 기준 */ /* 주문 결제 (2026-09-07): 합계의 '원'을 카드 안 '원'과 같은 354px 에, 안내글도 카드 안 글과 같은 21px 시작, '위 내용을 회원 정보에 반영합니다.' 2px 위로 */ .order .pay .dz_order_sum{ padding-left: 21px; padding-right: 21px; } .order .pay .dz_cart_notes{ padding-left: 21px; padding-right: 21px; } .order .dz_member_chk .member_chk_box{ padding: 4px 0 8px !important; } .order .dz_order_band{ padding-top: 10px; } /* '주문 내역' 제목을 빼면서 첫 카드가 제목 바로 밑에 붙어 10px 띄움 (2026-09-07) */ /* 주문 결제 (2026-09-07): 셀렉트 화살표를 32px 높이의 세로 중앙으로 (36px 기준 15px → 13px) */ .order .table_style4 select, .order .order_box .cell_bx .cell .inp_sel select{ background-position: calc(100% - 20px) 13px, calc(100% - 14px) 13px !important; } /* 결제 수단 (2026-09-07): 드롭다운을 디바이더에서 더 띄우고, 일반 결제를 고르면 왼쪽에 다시 찍히던 '일반 결제' 제목 제거, 신용카드·무통장입금·휴대폰결제 줄 간격 조밀하게 */ .order .how_to_pay .dz_pay_type{ margin-top: 18px; } .order .how_to_pay #settlekind_general > .order_box:first-child > .order_tit{ display: none !important; } .order .how_to_pay #settlekind_general > .order_box:first-child > ul.pay_mth{ grid-column: 2; padding: 2px 0 0; } .order .how_to_pay #settlekind_general > .order_box:first-child > ul.pay_mth li{ padding: 0; } .order .how_to_pay #settlekind_general > .order_box:first-child > ul.pay_mth li .inp_rdo{ padding: 3px 0; } /* 결제 수단 (2026-09-07): 고른 항목의 제목이 다시 찍히는 것 제거(무통장입금·에스크로), 에스크로 항목은 '가상계좌' 아래 줄에 '(NHN KCP 구매안전서비스)' */ .order .how_to_pay #settlekind_general_gb > .order_tit, .order .how_to_pay #settlekind_escrow > .order_box > .order_tit{ display: none !important; } .order .how_to_pay #settlekind_escrow > .order_box > ul.pay_mth{ grid-column: 2; padding: 2px 0 0; } .order .how_to_pay #settlekind_escrow > .order_box > ul.pay_mth li{ padding: 0; } .order .how_to_pay #settlekind_escrow > .order_box > ul.pay_mth li .inp_rdo{ padding: 3px 0; display: flex; align-items: flex-start; } .order .how_to_pay #settlekind_escrow > .order_box > ul.pay_mth li label{ display: inline-block; line-height: 22px; } .order .how_to_pay #settlekind_escrow .dz_escrow_note{ display: block; font-size: 10pt; line-height: 18px; color: #2e2b28; } /* 라디오 줄 간격 통일 (2026-09-07): 배송지 확인 36px → 30px, 일반 결제·에스크로 26px → 30px. 무통장 안내는 왼쪽(15px)에 맞춤 */ .order .dz_ship_pick .inp_rdo{ padding: 2px 0 !important; margin: 2px 14px 2px 0 !important; } .order .how_to_pay #settlekind_general > .order_box:first-child > ul.pay_mth li .inp_rdo, .order .how_to_pay #settlekind_escrow > .order_box > ul.pay_mth li .inp_rdo{ padding: 5px 0; } .order .dz_gb_notice{ margin: 6px 15px 0 15px; } /* 증빙서류 (2026-09-07): 현금영수증·세금계산서를 고르면 다시 찍히는 제목 제거, 현금영수증 라디오 줄 간격 30px, 휴대폰 번호·사업자 번호 줄은 다른 표와 같은 자리(항목명 15·입력폼 114) */ .order #cash_receipt_info > .order_box > .order_tit, .order #tax_info > .order_box > .order_tit, .order .order_tit.js_gd5_cash_receipt_info, .order .order_tit.js_gd5_tax_info{ display: none !important; } .order #cash_receipt_info > .order_box{ grid-template-columns: 114px 1fr; padding: 0 0 10px; } .order #cash_receipt_info > .order_box > ul.pay_mth{ padding: 2px 0 0; } .order #cash_receipt_info > .order_box > ul.pay_mth li{ padding: 0; } .order #cash_receipt_info > .order_box > ul.pay_mth li .inp_rdo{ padding: 5px 0; } /* 무통장 안내문은 입금자명 입력폼 시작(114px)에 맞춤 */ .order .dz_gb_notice{ margin: 6px 15px 0 114px; } /* 줄 간격 통일 (2026-09-07): 글만 있는 줄도 입력폼 줄과 같은 44px(11+22+11). 무통장 안내문의 안쪽 여백(15px)이 글을 오른쪽으로 밀던 것 제거 */ .order .table_style4 tr:not(:has(input:not([type="hidden"]), select, button, textarea)) > th, .order .table_style4 tr:not(:has(input:not([type="hidden"]), select, button, textarea)) > td{ padding-top: 11px !important; padding-bottom: 11px !important; } .order .dz_gb_notice{ padding-left: 0 !important; padding-right: 0 !important; } /* 증빙서류 드롭다운도 결제 수단 드롭다운과 같이 디바이더에서 18px (2026-09-07) */ .order .dz_radio_pick.dz_receipt_type{ margin-top: 18px; } /* iOS 자동 확대 방지 (2026-09-07): 사파리는 입력칸 글자가 16px 미만이면 초점 때 화면을 확대한다 → 모든 입력칸·셀렉트·내용칸 글자를 16px 로 */ input[type="text"], input[type="password"], input[type="number"], input[type="tel"], input[type="email"], input[type="search"], input[type="url"], select, textarea{ font-size: 16px !important; } .order .how_to_pay .dz_pay_type select, .order .dz_radio_pick select{ height: 32px !important; } /* 드롭다운도 다른 입력폼과 같은 32px (2026-09-07) */ /* ---------- 비회원 주문 결제 · 약관 동의 (2026-09-13 사용자 지시) ---------- 전체 선택 한 줄 + 제목을 머리에 인 스크롤 상자 둘. 바깥 제목과 디바이더, 항목별 체크박스는 걷는다. */ /* 위로 한 행, 아래로 반 행. 줄높이가 1.5em 이라 em 으로 적으면 글자 크기가 바뀌어도 한 행은 한 행이다 (2026-09-13) */ .order h3.my_tit{ margin: 1.5em 0 0.75em; } .order h3.my_tit .inp_chk{ padding: 0 15px 0 39px; text-indent: -24px; } /* 왼쪽 15px(다른 제목과 같은 안쪽)에 체크박스 몫 24px(상자 18 + 사이 6)을 더하고, 첫 줄만 그만큼 당긴다 — 접힌 둘째 줄이 첫 줄 글자와 같은 자리에서 시작한다 (2026-09-13) */ .order h3.my_tit label{ font-size: calc(1em - 1px); font-weight: 400; } /* 1px 작게·볼드 해제 (2026-09-13) */ /* 체크박스의 세로 기준(em)은 옆 글자 크기다 — 글자를 줄였으니 같이 줄여야 가운데에 선다 */ .order h3.my_tit .inp_chk input[type="checkbox"]:not(#dz_v){ font-size: calc(1em - 1px) !important; } .order .dz_agree_box{ padding: 0 0 14px; } .order .dz_agree_box .guest_info{ padding: 0; border: 0; background: none; } .order .dz_agree_box fieldset{ margin: 0 15px; border: 1px solid #cfe0d5; border-radius: 10px; overflow: hidden; background: #fff; } .order .dz_agree_box .dz_agree_tit{ /* 머리줄은 얇게, 글자는 2px 작게. 위 10 / 아래 6 은 글자를 2px 내려 줄 한가운데로 오게 하는 몫 (2026-09-13) */ margin: 0; padding: 10px 12px 6px; border-bottom: 1px solid #e8f0eb; background: #f7faf8; font-size: calc(11pt - 2px); font-weight: 700; color: #231916; line-height: 1.4; word-break: keep-all; } /* 본문 높이 — 4줄(6.4em)에서 30px 줄인 값 (2026-09-13 사용자 지시) */ .order .dz_agree_box .g_content{ height: auto; max-height: calc(6.4em - 30px); padding: 10px 16px 10px 12px; overflow-y: scroll; /* 오른쪽은 막대 자리만큼 더 */ border: 0; background: none; font-size: 10pt; line-height: 1.6; color: #5f5a53; } /* 스크롤 막대를 처음부터 보이게 (2026-09-13 사용자 지시). ⚠ 브라우저가 그리는 막대로는 안 된다 — 아이폰 사파리는 ::-webkit-scrollbar 를 무시하고 겹쳐 뜨는 막대만 쓴다(손대야 잠깐 보인다). 실기기에서 확인했다. 그래서 브라우저 막대는 감추고, order.html 의 스크립트가 트랙과 손잡이를 직접 그린다. */ .order .dz_agree_box .g_content::-webkit-scrollbar{ width: 0; height: 0; } .order .dz_agree_box .dz_sb_wrap{ position: relative; } .order .dz_agree_box .dz_sb_track{ position: absolute; top: 8px; right: 5px; bottom: 8px; width: 4px; border-radius: 2px; background: #edf2ee; pointer-events: none; } .order .dz_agree_box .dz_sb_thumb{ position: absolute; top: 0; left: 0; width: 100%; border-radius: 2px; background: #cfe0d5; } /* 항목별 체크박스와 '(필수) …동의합니다' 안내는 감춘다 — 동의는 전체 선택 하나로 받는다. ⚠ 지우지 않고 감추는 이유: 전체 선택이 이 칸들을 켜서 서버로 보낸다(동의 기록). */ .order .dz_agree_box .inp_chk{ display: none; } /* ---------- 우편번호 찾기 레이어 팝업 (2026-09-13 사용자 지시) ---------- 상자·머리줄·검색줄은 js/gd_common.js 의 dzPostFixViewport 가 만든다. [검색] 은 dz_btn. */ .dz_post_pop{ background: rgba(46,43,40,.45); } .dz_post_pop #layerSearchArea{ border-radius: 14px; box-shadow: 0 10px 30px rgba(0,0,0,.18); overflow: hidden; } .dz_post_pop .dz_post_head{ position: relative; height: 46px; line-height: 46px; padding: 0 15px; border-bottom: 1px solid #eee6db; font-size: 13pt; font-weight: 700; color: #2e2b28; text-align: center; } .dz_post_pop .dz_post_x{ position: absolute; top: 11px; right: 11px; width: 24px; height: 24px; padding: 0; border: 0; background: url(/data/skin/mobile/dozamm_m/img/icon/icon_x3.png) no-repeat center; background-size: 12px 12px; } .dz_post_pop .dz_post_search{ display: flex; gap: 8px; align-items: center; padding: 12px 15px 10px; } .dz_post_pop .dz_post_search input{ flex: 1 1 auto; min-width: 0; height: 36px; padding: 0 14px; text-indent: 0; box-sizing: border-box; border: 1px solid #9fc3b0; border-radius: 999px; background: #fff; color: #2e2b28; font-size: 16px; -webkit-appearance: none; appearance: none; } .dz_post_pop .dz_post_search input:focus{ outline: none; border-color: #086736; } .dz_post_pop .dz_post_search input::-webkit-search-decoration{ -webkit-appearance: none; } .dz_post_pop .dz_post_search .dz_post_go{ flex: 0 0 auto; } .dz_post_pop #layerSearchInner iframe{ display: block; } /* ---------- 주문 완료 (2026-09-07, PC·모바일 공통 구성) ---------- */ .dz_order_end .dz_end_head{ padding: 18px 15px 6px; text-align: center; } .dz_order_end .dz_end_msg{ margin: 0; font-size: 13pt; color: #2e2b28; line-height: 1.6; word-break: keep-all; } .dz_order_end .dz_end_msg strong{ font-weight: 700; color: #086736; } .dz_order_end .dz_end_sub{ margin: 6px 0 0; font-size: 11pt; color: #2e2b28; line-height: 1.5; } .dz_order_end .dz_end_amt{ font-weight: 700; color: #086736; } .dz_order_end .dz_end_keep{ font-size: 10pt; color: #8a8378; } /* 비회원 주문번호 옆 안내 (2026-09-13) */ .dz_order_end .dz_end_receipt{ display: block; margin-top: 2px; font-size: 10pt; color: #8a8378; } /* 세금계산서 신청 내용 (2026-09-13) */ .dz_order_end .dz_end_ml{ font-weight: 700; color: #086736; } .dz_order_end .table_style4 td{ line-height: 22px; word-break: keep-all; } .dz_order_end .dz_end_btns{ display: flex; gap: 8px; padding: 24px 21px 30px; } .dz_order_end .dz_end_btn{ flex: 1 1 0; display: block; height: 46px; line-height: 44px; box-sizing: border-box; border: 1px solid #086736; border-radius: 999px; background: #086736; color: #fff; font-size: 11pt; font-weight: 700; text-align: center; } .dz_order_end .dz_end_btn_line{ background: #fff; color: #086736; } .dz_order_end .dz_end_sub .dz_end_btn{ display: inline-block; height: 36px; line-height: 34px; padding: 0 22px; } /* 빈 장바구니 (2026-09-07, PC·모바일 공통): 주의 마크 대신 잎 그림(회원 등급 그림 중 안 쓰는 것, 나중에 교체 예정) + '장바구니가 비어 있습니다.' 15px */ .cart .no_data{ padding: 130px 0 90px !important; background: url('/data/icon/group_image/ico_member02.gif') no-repeat center 40px !important; font-size: 15px !important; color: #2e2b28 !important; } .cart .no_data p{ font-weight: 400; } /* ---------- REVIEW 쓰기 정돈 (2026-09-07) ---------- 제목 밑 디바이더 진하게(#808080)·상품 상자 밑 디바이더 연하게, 상품 상자 좌우 여백 15px, 모든 줄 = 항목명 64px(왼쪽 15px에서 시작) + 내용(89px에서 시작): 평가 라디오·[사진 첨부]·내용칸·자동등록방지 모두 같은 시작선 */ .write_gallery .ly_head{ border-bottom: 1px solid #808080 !important; } .write_gallery .dz_goods_top{ margin: 0 15px 12px !important; padding: 12px 0 14px !important; border-bottom: 1px solid #e6e2db !important; } .write_gallery .write_wrap dl, .write_gallery .write_wrap dl.b_content, .write_gallery .write_wrap dl.dz_photos, .write_gallery .write_wrap dl.dz_captcha{ padding: 8px 15px !important; } .write_gallery .write_wrap dl > dt, .write_gallery .write_wrap dl.b_content > dt, .write_gallery .write_wrap dl.dz_captcha > dt{ text-indent: 0 !important; padding-left: 0 !important; } .write_gallery .write_wrap dl > dd, .write_gallery .write_wrap dl.b_content > dd, .write_gallery .write_wrap dl.dz_captcha > dd{ padding: 0 !important; } .write_gallery .write_wrap dl.b_content dd .textarea_box{ padding: 0 !important; } .write_gallery .b_file, .write_gallery .b_file ul, .write_gallery #boardAttach{ margin: 0 !important; padding: 0 !important; } .write_gallery .dz_rate{ margin: 0 0 6px; } /* 자동등록방지: 그림 / 안내글 / 입력칸 / 새로고침을 한 줄씩 */ .write_gallery .dz_captcha .input_wrap{ padding: 0; } .write_gallery .dz_captcha .capcha{ display: block !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; } .write_gallery .dz_captcha .capcha .capcha_img{ display: block !important; width: 140px; border: 1px solid #e6e2db !important; border-radius: 8px; overflow: hidden; text-align: left; } .write_gallery .dz_captcha .capcha .capcha_img span{ display: block !important; width: auto !important; height: auto !important; } .write_gallery .dz_captcha .capcha .capcha_img img{ display: block; width: 140px; height: auto; } .write_gallery .dz_captcha .capcha .capcha_body{ display: block !important; padding: 0 !important; } .write_gallery .dz_captcha .capcha .capcha_text{ display: block !important; padding: 8px 0 6px !important; font-size: 10pt; line-height: 1.5; color: #2e2b28; } .write_gallery .dz_captcha .capcha .capcha_text br{ display: none; } .write_gallery .dz_captcha .capcha .capcha_input{ padding: 0 0 8px !important; } .write_gallery .dz_captcha .capcha .capcha_input input{ width: 150px !important; } .write_gallery .dz_captcha .capcha .capcha_button{ display: block; } /* REVIEW 쓰기 (2026-09-07 보정): 항목명 열 64 → 89px('자동등록방지' 한 줄), 내용은 주문서와 같은 114px 에서 시작. 안내글 줄바꿈 허용, [이미지 새로고침] 왼쪽 정렬 */ .write_gallery .write_wrap dl > dt, .write_gallery .write_wrap dl.b_content > dt, .write_gallery .write_wrap dl.dz_captcha > dt{ flex: 0 0 89px !important; width: 89px !important; } .write_gallery .dz_captcha .capcha .capcha_text{ white-space: normal !important; word-break: keep-all; } .write_gallery .dz_captcha .capcha .capcha_button{ text-align: left !important; } .write_gallery .dz_captcha .capcha .captchareload_btn{ padding: 0; } .write_gallery .write_wrap dl, .write_gallery .write_wrap dl.b_content, .write_gallery .write_wrap dl.dz_photos, .write_gallery .write_wrap dl.dz_captcha{ box-sizing: border-box !important; } /* 좌우 여백 15px 을 폭 100% 안에 넣어 오른쪽으로 넘치지 않게 (2026-09-07) */ .write_gallery .dz_captcha .capcha .captchareload_btn{ display: inline-block; width: auto !important; } .write_gallery .dz_captcha .capcha .capcha_input input{ width: 190px !important; } /* REVIEW 쓰기 (2026-09-07 보정 2): 썸네일 89px → 상품명·설명이 내용 열(114px)에서 시작, 항목명 가운데 정렬(PC 와 동일), 자동등록방지는 그림 옆 [이미지 새로고침] → 안내글 → 입력칸, 취소·등록 버튼은 작게·좌우 여백·아래 여유 */ .write_gallery .dz_goods_top{ gap: 10px; } .write_gallery .dz_goods_thumb img{ width: 89px !important; height: 89px !important; } .write_gallery .write_wrap dl > dt, .write_gallery .write_wrap dl.b_content > dt, .write_gallery .write_wrap dl.dz_captcha > dt{ text-align: center !important; } .write_gallery .dz_captcha .capcha{ display: flex !important; flex-wrap: wrap; align-items: center; gap: 0 12px; } .write_gallery .dz_captcha .capcha .capcha_body{ display: contents !important; } .write_gallery .dz_captcha .capcha .capcha_img{ order: 1; } .write_gallery .dz_captcha .capcha .capcha_button{ order: 2; } .write_gallery .dz_captcha .capcha .capcha_text{ order: 3; flex: 0 0 100%; } .write_gallery .dz_captcha .capcha .capcha_input{ order: 4; flex: 0 0 100%; padding: 0 !important; } .write_gallery .btn_box{ padding: 20px 30px 28px !important; gap: 12px; margin-bottom: 10px; } .write_gallery .btn_box button{ display: flex !important; align-items: center; justify-content: center; height: 46px !important; line-height: normal !important; padding: 0 !important; font-size: 11pt !important; } /* 높이는 원래대로, 글자는 줄 높이 대신 가운데 정렬(아래로 붙던 것) — 좁힌 건 좌우 여백으로만 (2026-09-07) */ .write_gallery .btn_box{ box-sizing: border-box !important; width: 100%; } /* 좌우 30px 여백을 폭 안에 (2026-09-07) */ /* [사진 첨부] 버튼(첨부 전, li.template)만 고도몰의 + 그림·검정 바탕을 지운다 — 첨부된 썸네일은 인라인 그림을 살려야 하므로 template 에만 (2026-09-07) */ #boardAttach li.item.template button.file_face, .write_gallery .b_file li.item.template .file_face{ background: #e8f0eb none !important; } /* 후기 상세 댓글 (2026-09-07): [답글]을 PC 처럼 오른쪽 끝에, 행갈이 없이 바로 위 댓글에 붙인다. 숨긴 [답글]만 든 댓글 상자가 16px 빈 줄로 남던 것도 제거(보이는 [수정][삭제]는 제 크기 유지) */ .view_gallery .comment_options{ padding: 0 !important; font-size: 0; line-height: 0; } .view_gallery .comment_options button{ font-size: 10pt; line-height: normal; margin-top: 4px; } .view_gallery .dz_reply_row{ padding: 0 !important; text-align: right !important; } .view_gallery .dz_reply_row{ margin-top: -6px; } /* 댓글 블록의 아래 여백(10px) 만큼 떨어져 보여 위로 당김 → 간격 4px (2026-09-07) */ /* 후기 상세 댓글 (2026-09-07): '도잠 ♥ 본문' 이 한 줄로 이어지도록 — 이름을 본문과 같은 크기·색으로, 이름 줄과 본문을 인라인으로 */ .view_gallery .comment_wrap .comment_info .writer{ font-size: 11pt !important; line-height: 1.7 !important; font-weight: 400 !important; color: #2e2b28 !important; } .view_gallery .comment_wrap .comment_info .writer .dz_mark{ color: #086736 !important; } .view_gallery .comment_wrap .comment_info > div:has(> .writer){ display: inline; } .view_gallery .comment_wrap .contents_holder{ display: inline; } /* 후기 상세 댓글 쓰기 양식 (2026-09-07): 스킨 원본(.view_gallery .view_wrap .comment_wrap .reply_form …)이 회색 바탕과 [확인] 절대 배치(입력칸 위에 겹침)를 만들고 있어 같은 깊이로 덮는다 — 흰 바탕, 둥근 입력칸, [확인]은 아래 오른쪽 */ .view_gallery .view_wrap .comment_wrap .reply_form{ padding: 14px 0 0 !important; border-top: 0 !important; background: none !important; } .view_gallery .view_wrap .comment_wrap .reply_form .b_memo{ position: static !important; } .view_gallery .view_wrap .comment_wrap .reply_form .b_memo .comment_input{ padding: 0 !important; } .view_gallery .view_wrap .comment_wrap .reply_form .b_memo .comment_input textarea{ width: 100% !important; min-height: 90px !important; height: 90px !important; padding: 10px 14px !important; box-sizing: border-box; border: 1px solid #9fc3b0 !important; border-radius: 14px !important; background: #fff !important; font-size: 16px !important; line-height: 1.6; color: #2e2b28 !important; } .view_gallery .view_wrap .comment_wrap .reply_form .b_memo .comment_input textarea:focus{ outline: none; border-color: #086736 !important; } .view_gallery .view_wrap .comment_wrap .reply_form .b_memo .comment_btn{ position: static !important; width: auto !important; padding: 10px 0 0 !important; text-align: right !important; } .view_gallery .view_wrap .comment_wrap .reply_form .b_memo .comment_btn button{ display: inline-flex !important; align-items: center; justify-content: center; width: auto !important; height: 36px !important; min-height: 0 !important; padding: 0 26px !important; border: 1px solid #086736 !important; border-radius: 999px !important; background: #086736 !important; color: #fff !important; font-size: 11pt !important; font-weight: 700 !important; line-height: normal !important; } /* 비회원 이름·비밀번호 줄도 캡슐로 (표 배치 → 가로 배치) */ .view_gallery .view_wrap .comment_wrap .reply_form dl.b_guest_info{ display: flex !important; gap: 10px; padding: 0 0 10px !important; } .view_gallery .view_wrap .comment_wrap .reply_form dl.b_guest_info dd{ display: block !important; flex: 1 1 0; padding: 0 !important; } .view_gallery .view_wrap .comment_wrap .reply_form dl.b_guest_info dd input{ width: 100% !important; height: 36px !important; padding: 0 14px !important; box-sizing: border-box; border: 1px solid #9fc3b0 !important; border-radius: 999px !important; background: #fff !important; text-indent: 0 !important; font-size: 16px !important; color: #2e2b28 !important; } .view_gallery .view_wrap .comment_wrap .reply_form dl.b_guest dd .textarea_box textarea{ border: 0 !important; background: none !important; height: 90px !important; padding: 0 !important; font-size: 10pt !important; color: #2e2b28 !important; } /* 이메일 (2026-09-07): 모바일은 도메인 고르기 드롭다운을 없애고 입력칸을 넓힌다 — 아이폰 확대 방지로 글자를 16px 로 키우면서 [직접 입력] 글자가 잘리고 화살표 모양도 다른 드롭다운(꺾쇠)과 달랐다. 도메인은 직접 적으면 된다 */ .order .order_box .cell_bx .cell:has(.inp_sel){ display: none !important; } .order .table_style4 input[name="orderEmail"], .order .table_style4 input[name="taxEmail"]{ width: 246px !important; } /* 푸터 위 회색 띠 제거 (2026-09-07): .quick_top_cs 의 5px #efefef 윗선이 모든 페이지에서 절단선처럼 보였다 */ .quick_top_cs{ border-top: 0 !important; } /* 푸터 구호 '도잠' 전용 black 글꼴 (2026-09-07) — PC 와 같은 조각 글꼴(NotoSansKR-Black 에서 '도'·'잠' 두 글자만, 1KB). 한글 웹폰트 링크에 900 을 넣으면 사이트의 모든 700 이 900 으로 잡혀 전부 두꺼워지므로 별도 이름으로 둔다. @font-face 의 상대 경로는 이 CSS 파일 기준이라 outline/_footer.html 의