/* BASIC css start */
/* =========================================
   회원가입 : 약관 동의 (FOLDER 톤)
   ========================================= */
caption{display:none;}
a:hover{text-decoration:none; background:none;}

#terms{width:560px; margin:0 auto; padding:60px 0 100px; color:#000;}

/* 상단 제목 + 단계 */
#terms .join_head{text-align:center; margin-bottom:28px;}
#terms .join_head h2{font-size:28px; font-weight:800; letter-spacing:-0.5px; margin:0 0 20px;}
#terms .join_step{display:flex; justify-content:center; gap:0; padding:0; margin:0; list-style:none;}
#terms .join_step li{position:relative; display:flex; align-items:center; gap:6px; font-size:13px; font-weight:500; color:#bbb; padding:0 22px;}
#terms .join_step li+li:before{content:""; position:absolute; left:-6px; top:50%; width:12px; height:1px; background:#ddd;}
#terms .join_step li em{font-style:normal; font-size:11px; font-weight:700;}
#terms .join_step li.on{color:#000; font-weight:700;}

/* 가입 혜택 */
#terms .join_benefit{background:#f6f6f6; border-radius:10px; padding:20px 24px; margin-bottom:28px;}
#terms .join_benefit em{display:block; font-style:normal; font-size:11px; font-weight:700; letter-spacing:1px; color:#999; margin-bottom:8px;}
#terms .join_benefit b{display:block; font-size:17px; font-weight:700; line-height:1.4;}
#terms .join_benefit strong{color:#e60012;}
#terms .join_benefit small{display:block; font-size:13px; color:#777; margin-top:4px;}

/* 공통 체크박스 */
#terms input[type="checkbox"]{width:18px; height:18px; margin:0 6px 0 0; vertical-align:middle; accent-color:#000; cursor:pointer;}

/* 전체 동의 */
#terms .join_all{display:flex; align-items:flex-start; gap:4px; padding:18px 20px; border:1.5px solid #000; border-radius:10px; cursor:pointer; margin-bottom:8px;}
#terms .join_all input[type="checkbox"]{width:22px; height:22px; margin-top:1px;}
#terms .join_all b{display:block; font-size:16px; font-weight:700;}
#terms .join_all small{display:block; font-size:12px; color:#888; margin-top:4px; line-height:1.5;}

/* 약관 본문 영역 */
.new-privercy-contract{width:100%; margin:0;}
#terms .new-privercy-contract h3,
#terms .new-privercy-contract h4,
#terms h4.tit{position:relative; margin:36px 0 10px; padding:0; font-size:15px; font-weight:700; letter-spacing:-0.3px; text-align:left;}
#terms h4.tit .req{color:#e60012; font-size:13px; font-weight:500;}
#terms .new-privercy-contract h3.w-normal{font-weight:400;}

/* 이용약관 박스 : 가로 스크롤 제거 */
#terms .privercy-contract textarea{width:100% !important; height:150px; box-sizing:border-box; padding:14px 16px; border:1px solid #e5e5e5; border-radius:8px; background:#fafafa; color:#666; font-size:12px; line-height:1.7; resize:none; white-space:pre-wrap !important; overflow-x:hidden;}
#terms .new-privercy-contract .privercy-chk{margin-top:10px; text-align:left;}
#terms .new-privercy-contract .privercy-chk label,
#terms .privercy-agree label{font-size:13px; color:#333; cursor:pointer;}
#terms .privercy-agree{margin:10px 0 20px;}

/* 개인정보 / 광고 수신 표 */
#terms .new-privercy-contract table{width:100% !important; border-collapse:collapse; border-spacing:0; border:none; border-top:1px solid #000;}
#terms .new-privercy-contract table th,
#terms .new-privercy-contract table td{border:none !important; border-bottom:1px solid #eee !important; padding:12px 8px; font-size:12px; line-height:1.5; text-align:center; background:#fff !important; color:#555;}
#terms .new-privercy-contract table th{font-weight:700; color:#000; background:#fafafa !important;}
#terms .new-privercy-contract table th div{height:auto; line-height:1.5;}
#terms .new-privercy-contract table td strong,
#terms .new-privercy-contract table td b{color:#000;}
#terms .new-privercy-contract p,
#terms .new-privercy-contract .privacy-noti{margin-top:10px; font-size:12px; color:#999; line-height:1.6;}

/* 가입 버튼 */
.btn-agree{margin-top:40px;}
.btn-agree a{display:block; padding:20px 0; background:#000; border-radius:10px; color:#fff !important; text-align:center; font-size:17px; font-weight:700; letter-spacing:-0.3px; transition:background .2s;}
.btn-agree a:hover{background:#333;}

/* 기존 보조 스타일 */
.privercy-contract-tap{height:35px;}
#terms .btn-foot{margin-top:20px; text-align:center; font-size:0; line-height:0;}
#terms .btn-foot a{margin-left:10px;}
#terms .cateTit_v2{display:none;}

/* 이용약관 박스 스크롤바 얇게 */
#terms .privercy-contract textarea::-webkit-scrollbar{width:4px;}
#terms .privercy-contract textarea::-webkit-scrollbar-thumb{background:#ccc; border-radius:4px;}
#terms .privercy-contract textarea::-webkit-scrollbar-track{background:transparent;}
/* BASIC css end */