/* BASIC css start */ /* ============================================================== 피시위즈 모바일 약관 동의 (join_terms) - CSS 탭 2026-08-17 · 4판 ★ 4판에서 무엇을 바꿨나 화면이 「전체 동의 한 줄 + 메이크샵 공식 동의 묶음」 두 덩어리로 줄었습니다. 그래서 3판까지 있던 우리 껍데기용 규칙(.fw-terms · .fw-tpart · .fw-agitem · .fw-chk 와 이 화면에 없는 입력칸·라벨값표·알림상자 규칙)을 전부 뺐습니다. 화면에 없는 이름을 잡고 있던 규칙들이라 한 줄도 안 먹고 있었습니다. ★ 값은 전부 부품표에서 가져왔습니다. 이 화면만의 값을 새로 만들지 않았습니다. 화면 좌우 여백 16 · 여백은 4 · 8 · 12 · 16 · 24 · 32 만 사용 글자색 - 제목 #14181D · 본문 #2B3138 · 설명 #8A9099 · 긴 글 #5A626B 테두리 1px #DFE3E8 · 모서리 10 · 누르는 자리 44 · 주버튼 52 ★ 메이크샵 공식 묶음은 우리가 만든 것이 아닙니다. 마크업을 옮기거나 감싸지 않고 색·선·모서리·글자만 맞춥니다. display 는 건드리지 않습니다 (펼침 화살표를 메이크샵 스크립트가 켜고 끕니다). ★ 이용약관 전문은 textarea 안에 들어옵니다. 기본 폭이 146px 라 아주 작게 나왔습니다. 폭을 100% 로 펴 줍니다. ★ 이미지를 쓰는 규칙이 하나도 없습니다 (1인 운영 - 이미지 관리를 늘리지 않습니다). ============================================================== */ #contents .join_terms {overflow-x:hidden; max-width:100%; padding-bottom:32px;} /* 화면 제목 · 설명 */ #contents .join_terms .fw-ahead {padding:24px 16px 0;} #contents .join_terms .fw-atit {margin:0; font-size:18px; font-weight:800; color:#14181D; letter-spacing:-.3px; line-height:1.4;} #contents .join_terms .fw-adesc {margin:8px 0 0; font-size:12.5px; color:#8A9099; line-height:1.5;} /* 체크칸 공통 */ #contents .join_terms input[type=checkbox], #contents .join_terms input[type=radio] {accent-color:#14181D;} /* 약관 동의 묶음 */ #contents .join_terms .fw-agree {padding:0 16px; margin-top:24px;} /* 전체 동의 한 줄 - 44 Bold + 아래 1px 선 (부품표) */ #contents .join_terms .fw-agall {display:flex; align-items:center; gap:8px; min-height:44px; border-bottom:1px solid #DFE3E8; cursor:pointer;} #contents .join_terms .fw-agall input {flex:0 0 18px; width:18px; height:18px; margin:0;} #contents .join_terms .fw-agall .fw-ctx {font-size:14px; font-weight:700; color:#14181D;} /* ══════════════════════════════════════════════════════════════ 메이크샵 공식 동의 묶음 (new_privacy_terms 가 내려주는 것) .form-terms .form-wrap ← 묶음 한 개 = 카드 한 장 .title-wrap ← 제목 + [동의] 체크칸. 늘 보입니다 h4.form-title span.checkbox > label > input .inner ← 긴 글. 여기만 스크롤합니다 .privercy-contract > textarea (이용약관 전문) .tb-style > table.contract-tbl (수집 항목 표) .privacy-noti ← 빨간 안내 한 줄 ══════════════════════════════════════════════════════════════ */ #contents .join_terms .fw-newterms {margin-top:12px;} #contents .join_terms .fw-newterms .form-terms {margin:0;} #contents .join_terms .fw-newterms .form-wrap {box-sizing:border-box; margin:0 0 8px; padding:12px 16px; border:1px solid #DFE3E8; border-radius:10px; background:#fff;} #contents .join_terms .fw-newterms .form-wrap:last-child {margin-bottom:0;} /* 제목 줄 - 제목은 왼쪽, [동의] 체크칸은 오른쪽 끝. 누르는 자리 44 */ #contents .join_terms .fw-newterms .title-wrap {display:flex; align-items:center; justify-content:space-between; gap:8px; min-height:44px; margin:0; padding:0;} #contents .join_terms .fw-newterms .form-title {flex:1; min-width:0; margin:0; font-size:13.5px; font-weight:700; color:#14181D; line-height:1.4;} #contents .join_terms .fw-newterms .title-wrap span.checkbox {flex:0 0 auto;} #contents .join_terms .fw-newterms .title-wrap label {display:inline-flex; align-items:center; gap:6px; margin:0; font-size:12.5px; font-weight:500; color:#5A626B; cursor:pointer;} #contents .join_terms .fw-newterms .title-wrap input[type=checkbox] {flex:0 0 18px; width:18px; height:18px; margin:0;} #contents .join_terms .fw-newterms .btn-toggle {margin-left:4px;} /* 긴 글만 스크롤 */ #contents .join_terms .fw-newterms .inner {height:170px; overflow-y:auto; -webkit-overflow-scrolling:touch; margin:8px 0 0; padding:8px 0 0; border-top:1px solid #EEF1F4; font-size:11.5px; line-height:1.6; color:#5A626B; word-break:break-all;} #contents .join_terms .fw-newterms .inner img {max-width:100%; height:auto;} /* 이용약관 전문 - 메이크샵이 textarea 로 내려줍니다. 기본 폭 146 을 100% 로 폅니다 */ #contents .join_terms .fw-newterms .privercy-contract {margin:0;} #contents .join_terms .fw-newterms .privercy-contract textarea {display:block; box-sizing:border-box; width:100%; height:150px; margin:0; padding:0; border:0; background:transparent; resize:none; font-family:inherit; font-size:11.5px; line-height:1.6; color:#5A626B;} /* 수집 항목 표 */ #contents .join_terms .fw-newterms .tb-style {margin:0;} #contents .join_terms .fw-newterms .contract-tbl {width:100%; max-width:100%; border-collapse:collapse;} #contents .join_terms .fw-newterms .contract-tbl th, #contents .join_terms .fw-newterms .contract-tbl td {padding:6px 8px; border:1px solid #EEF1F4; font-size:11px; line-height:1.5; color:#5A626B; word-break:break-all; text-align:center;} #contents .join_terms .fw-newterms .contract-tbl th {background:#F7F8FA; font-weight:500; color:#14181D;} #contents .join_terms .fw-newterms .contract-tbl label {display:inline-flex; align-items:center; gap:4px;} #contents .join_terms .fw-newterms .contract-tbl input[type=checkbox] {width:16px; height:16px; margin:0;} /* 안내 한 줄 */ #contents .join_terms .fw-newterms .privacy-noti {margin:8px 0 0; padding:0; font-size:10.5px; line-height:1.5; color:#8A9099;} /* 버튼 - 주 52 검정 / 보조 52 흰 바탕 (부품표) */ #contents .join_terms .fw-btns {padding:0 16px; margin-top:24px;} #contents .join_terms .fw-btns.two {display:flex; gap:8px;} #contents .join_terms .fw-btns.two > * {flex:1; min-width:0;} #contents .join_terms .fw-btn {display:block; height:52px; line-height:50px; box-sizing:border-box; border-radius:10px; text-align:center; font-size:15px; font-weight:700; text-decoration:none;} #contents .join_terms .fw-btn.pri {background:#14181D; border:1px solid #14181D; color:#fff;} #contents .join_terms .fw-btn.sub {background:#fff; border:1px solid #DFE3E8; color:#14181D;} /* BASIC css end */