/* ==========================================================================
   PAVLO 테마 (2026-09-22) — 토스식 기반 스타일
   솔루션 원래 style.css 바로 뒤에 불러와 덮어쓴다. 이 파일을 빼면 원래대로 돌아간다.
   색·글씨·모서리·입력칸·캠페인 카드처럼 사이트 전체에 공통인 것만 다룬다.
   ========================================================================== */
:root{
  --maincolor:#3182F6;            /* 솔루션 기본색(청록 #59b1c9) → 브랜드 파랑 */
  --fontcolor:#191F28;
  --pv-blue:#3182F6;              /* 면적·큰 글씨(19px/700 이상) */
  --pv-blue-text:#1B64DA;         /* 작은 파란 글씨 — 흰 바탕 5.41 */
  --pv-blue-soft:#E8F3FF;
  --pv-ink:#191F28;               /* 제목·값 */
  --pv-body:#333D4B;              /* 본문 */
  --pv-sub:#4E5968;               /* 보조 글씨 — 흰 바탕 7.5 */
  --pv-mute:#6B7684;              /* 흐린 글씨(흰 바탕에서만) — 4.66 */
  --pv-line:#E5E8EB;
  --pv-line-soft:#F2F4F6;
  --pv-fill:#F9FAFB;
  --pv-red:#F04452;
  --pv-radius:12px;
  --pv-radius-sm:8px;
}

/* 글꼴: 한 가지(Pretendard)로 통일. 숫자는 폭이 같은 숫자로 맞춰 흔들리지 않게 */
body, h1, h2, h3, h4, h5, h6, p, li, dt, dd, th, td, input, select, textarea, button, a, span, em, b, strong, label{
  font-family:'Pretendard','Pretendard Variable',-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo','Malgun Gothic',sans-serif;
}
body{ color:var(--pv-body); -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; word-break:keep-all; }
.txt_num{ font-family:'Pretendard','Pretendard Variable',sans-serif !important; font-variant-numeric:tabular-nums; letter-spacing:-.2px; }
em{ font-style:normal; }

/* 브랜드색을 글씨로 쓰는 곳은 작은 글씨 기준을 넘는 진한 파랑으로 */
.point_color4, .point_color, .txt_point{ color:var(--pv-blue-text); }

/* 입력칸 — 크기·테두리는 페이지마다 달라 건드리지 않는다(헤더 검색창 등이 깨짐). 색과 포커스만 통일 */
input, select, textarea{ color:var(--pv-ink); }
input:focus, select:focus, textarea:focus{ outline:none; border-color:var(--pv-blue) !important; box-shadow:0 0 0 3px rgba(49,130,246,.18); }
input::placeholder, textarea::placeholder{ color:#8B95A1; }
input[type=checkbox], input[type=radio]{ accent-color:var(--pv-blue); }

/* 캠페인 카드 (메인·목록 공통) */
.item_list_wrap .item_box_list .thumb,
.item_list_wrap .item_box_list .thumb .it_img,
.item_list_wrap .item_box_list .thumb .it_img img,
.item_list_wrap .item_box_list_small .thumb,
.item_list_wrap .item_box_list_small .thumb .it_img{ border-radius:var(--pv-radius); }
.item_list_wrap .item_box_list .it_name{ color:var(--pv-ink); font-weight:700; letter-spacing:-.3px; }
.item_list_wrap .item_box_list .it_description{ color:var(--pv-mute); }
.item_list_wrap .item_box_list .option2 span{ border:0; border-radius:6px; background-color:var(--pv-line-soft); color:var(--pv-sub); font-weight:600; }
.item_list_wrap .item_box_list .top_info .option2 .point_box,
.item_list_wrap .item_box_list .option2 .point_box{ border:0; background-color:var(--pv-blue-soft); color:var(--pv-blue-text); }
.item_list_wrap .item_box_list .option .dday{ color:var(--pv-blue-text); }

/* ---------- PC ---------- */
body{ letter-spacing:-.2px; }
#header .gnb .menu{ color:var(--pv-ink); font-weight:700; letter-spacing:-.4px; }
#header .gnb .menu:hover, #header .gnb .on{ color:var(--pv-blue-text); }
#header .gnb_sub_menu{ border:1px solid var(--pv-line); border-radius:var(--pv-radius); box-shadow:0 8px 24px rgba(0,0,0,.08); }
#header .gnb_sub_menu .menu_sub:hover{ color:var(--pv-blue-text) !important; }

/* PAVLO 2026-09-27 : 넓은 화면에서 머리글·본문을 가운데 1200px 안으로 맞춘다(메인 본문 .pvp 와 같은 폭) */
#header{ padding-left:max(60px, calc((100% - 1200px) / 2 + 60px)); padding-right:max(60px, calc((100% - 1200px) / 2 + 60px)); }
.layout_inner_wide{ max-width:1200px; }
.kakao_chat_wrap{ right:max(24px, calc((100vw - 1200px) / 2 - 76px)) !important; bottom:40px !important; }
.kakao_chat_wrap img{ width:52px !important; }
/* 1200px 안에서는 목록을 한 줄 4칸으로 고정 (넓은 화면용 6·7칸 규칙이 좁아진 폭에 걸려 카드가 겹치던 문제) */
@media (min-width:1024px){
 .layout_inner_wide .item_list_wrap .item_box_list li, .layout_inner_wide .review_box_list li{ width:25% !important; }
 .layout_inner_wide .item_list_wrap_wide .item_box_list li{ width:25% !important; }
}
.item_list_wrap .item_box_list .it_name{ font-size:17px; }
.item_list_wrap .item_box_list .it_description{ font-size:14px; }
.item_list_wrap .item_box_list .option2 span{ padding:3px 7px; font-size:12px; }

/* ===== PAVLO 2026-09-29 : 마이페이지·고객센터 옛 화면 정리 (.container_cus 안에서만) =====
   캠페인 문의/답변 · 1:1문의 · 패널티 · 나의 포인트 · 1:1문의 작성 · 개인정보 확인. 이 블록을 지우면 예전 모양. */
.container_cus .cusitanz{font-family:Pretendard,-apple-system,"Malgun Gothic",sans-serif;}
/* 표 */
.container_cus .bstyle1_lst table,.container_cus .point_bank_list_wrap table{width:100%;border-collapse:collapse;border-top:1px solid #E5E8EB!important;}
.container_cus .bstyle1_lst th,.container_cus .point_bank_list_wrap th{background:#F9FAFB!important;color:#6B7684!important;font-size:13px!important;font-weight:600!important;height:44px!important;padding:0 12px!important;border:0!important;border-bottom:1px solid #E5E8EB!important;}
.container_cus .bstyle1_lst td,.container_cus .point_bank_list_wrap td{padding:16px 12px!important;border:0!important;border-bottom:1px solid #F2F4F6!important;font-size:14px;color:#333D4B;vertical-align:middle;}
.container_cus .bstyle1_lst tbody tr:hover td{background:#FAFBFC;}
.container_cus .bstyle1_lst td a,.container_cus .qa_subject{color:#191F28!important;font-size:15px!important;font-weight:500;}
.container_cus .qa_cp_subject{color:#8B95A1!important;font-size:12.5px!important;margin-bottom:4px!important;}
.container_cus .bstyle1_lst .date,.container_cus .pe_datetime_cut{color:#8B95A1!important;font-size:13px;}
/* 답변 상태 딱지 (color1 대기 · color2 답변완료 · color3 보류) */
.container_cus tbody span[class^="color"]{display:inline-flex!important;align-items:center;justify-content:center;min-width:64px;height:26px;padding:0 10px!important;border:0!important;border-radius:6px!important;background:#F2F4F6!important;color:#4E5968!important;font-size:12.5px!important;font-weight:600!important;line-height:1!important;box-sizing:border-box;}
.container_cus tbody span.color2{background:#E8F3FF!important;color:#1B64DA!important;}
.container_cus tbody span.color3{background:#FFF4E5!important;color:#C26A00!important;}
/* 빈 화면 */
.container_cus .sch_no_data{padding:64px 0!important;color:#8B95A1!important;font-size:14px!important;text-align:center;background-image:none!important;border:0!important;}
.container_cus .sch_no_data img{display:none!important;}
.container_cus .sch_no_data:before{content:"";display:block;width:44px;height:44px;margin:0 auto 12px;border-radius:50%;background:#F2F4F6 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23B0B8C1' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M4 6h16M4 12h16M4 18h10'/%3E%3C/svg%3E") no-repeat center/20px;}
/* 큰 버튼 (문의하기 · 개인정보 확인 · 문의 등록) */
.container_cus .btn_lg.black,.container_cus input.btn_lg.black{display:inline-flex!important;align-items:center;justify-content:center;min-width:160px;height:50px!important;padding:0 28px!important;border:0!important;border-radius:12px!important;background:#3182F6!important;color:#fff!important;font-size:15px!important;font-weight:700!important;line-height:1!important;cursor:pointer;box-sizing:border-box;}
.container_cus .btn_lg.black:hover{background:#1B64DA!important;color:#fff!important;}
/* 입력칸 */
.container_cus .form-control{height:46px;border:1px solid #E5E8EB!important;border-radius:10px!important;padding:0 14px!important;font-size:14px!important;color:#191F28;box-shadow:none!important;box-sizing:border-box;}
.container_cus textarea.form-control{height:180px;padding:12px 14px!important;line-height:1.6;}
.container_cus .form-control:focus{border-color:#3182F6!important;outline:none;}
.container_cus .tb_form{border-top:1px solid #E5E8EB!important;}
.container_cus .tb_form th{background:transparent!important;color:#4E5968!important;font-size:14px!important;font-weight:600!important;border:0!important;border-bottom:1px solid #F2F4F6!important;}
.container_cus .tb_form td{border:0!important;border-bottom:1px solid #F2F4F6!important;padding:12px!important;}
.container_cus .file_upload_btn,.container_cus label[for="cs_file"]{border-radius:8px!important;}
/* 개인정보 확인 */
.container_cus .member_confirm .m_txt{color:#191F28!important;font-weight:700;}
.container_cus .member_confirm .s_txt{color:#8B95A1!important;}
.container_cus .member_confirm .btn_lg.black{width:100%;}
/* 나의 포인트 */
.container_cus .point_top{border:1px solid #E5E8EB!important;border-radius:14px!important;background:#fff!important;}
.container_cus .btn_pay{display:inline-flex!important;align-items:center;height:32px!important;padding:0 12px!important;border-radius:8px!important;background:#E8F3FF!important;color:#1B64DA!important;font-size:13px!important;font-weight:600!important;border:0!important;}
.container_cus .point_teb{display:flex!important;gap:6px;border:0!important;}
.container_cus .point_teb .tab_point_box{flex:0 0 auto;display:inline-flex!important;align-items:center;justify-content:center;height:40px!important;padding:0 18px!important;border:0!important;border-radius:10px!important;background:#F2F4F6!important;color:#4E5968!important;font-size:14px!important;font-weight:600!important;width:auto!important;float:none!important;}
.container_cus .point_teb .tab_point_box.color1{background:#3182F6!important;color:#fff!important;}
.container_cus .point_list li{border-color:#F2F4F6!important;}
.container_cus .point_list .date{color:#8B95A1!important;}
.container_cus .point_list .memo{color:#191F28!important;}
/* 패널티 */
.container_cus .top_w{border-radius:8px;background:#F04452!important;}
.container_cus .penalty_btn{border-radius:10px;background:#3182F6!important;}
.container_cus .pe_etc_text{color:#F04452!important;font-weight:600;}
.container_cus .sch_no_data{height:auto!important;min-height:0!important;}
.container_cus .sch_no_data p{margin:0!important;padding:0!important;background:none!important;height:auto!important;min-height:0!important;color:#8B95A1!important;font-size:14px!important;}
.container_cus .sch_no_data p:before,.container_cus .sch_no_data p:after{display:none!important;}