/* ===== 입점 문의 게시판 스타일 ===== */

/* 상단 이벤트(할인) 배너 — academy_apply 스킨의 event_banner.php 가 이 클래스로 그린다.
   그 스킨의 style.css 는 이 페이지에 로드되지 않으므로 여기에 같은 규칙을 둔다. */
.apply_event_banner { margin: 0 0 22px; }
.apply_event_banner a { display: block; }
.apply_event_banner img { display: block; width: 100%; height: auto; border-radius: 12px; }

/* 작성 폼 */
.adnew_form_wrap {
    max-width: 700px;
    margin: 0 auto;
    padding: 10px 0;
}
.adnew_form_title {
    font-size: 20px;
    font-weight: 700;
    color: #222;
    margin-bottom: 24px;
    padding-bottom: 12px;
    border-bottom: 2px solid #685FF4;
}
.adnew_tbl {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
}
.adnew_tbl th {
    width: 170px;      /* '학원 입점 지역'·'사업자 등록증 첨부' 가 두 줄로 접히지 않는 폭 */
    white-space: nowrap;
    padding: 13px 16px;
    text-align: left;
    font-size: 14px;
    font-weight: 600;
    color: #444;
    background: #f8f8ff;
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
    vertical-align: middle;
}
.adnew_tbl td {
    padding: 10px 14px;
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
}
.req { color: #e53935; }
.adnew_inp {
    width: 100%;
    max-width: 420px;
    padding: 9px 12px;
    border: 1px solid #ccc;
    border-radius: 6px;
    font-size: 14px;
    box-sizing: border-box;
}
.adnew_inp:focus { border-color: #685FF4; outline: none; }
.adnew_inp.full { max-width: 100%; }

/* 상담내용 체크박스 */
.consult_chk_group {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 20px;
    padding: 4px 0;
}
.consult_chk_item {
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
    font-size: 14px;
    color: #333;
    white-space: nowrap;
}
.consult_chk_item input[type="checkbox"] {
    width: 16px;
    height: 16px;
    accent-color: #685FF4;
    cursor: pointer;
}

/* 기타 상담 textarea */
.adnew_textarea {
    width: 100%;
    min-height: 140px;
    padding: 10px 12px;
    border: 1px solid #ccc;
    border-radius: 6px;
    font-size: 14px;
    resize: vertical;
    box-sizing: border-box;
    line-height: 1.6;
}
.adnew_textarea:focus { border-color: #685FF4; outline: none; }

/* 버튼 */
.adnew_form_btns {
    display: flex;
    justify-content: center;
    gap: 12px;
    margin-top: 24px;
}
.adnew_btn_cancel {
    padding: 10px 30px;
    border: 1.5px solid #ccc;
    border-radius: 8px;
    color: #555;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    background: #fff;
}
.adnew_btn_cancel:hover { border-color: #999; color: #222; }
.adnew_btn_submit {
    padding: 10px 36px;
    background: #685FF4;
    color: #fff;
    border: none;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
}
.adnew_btn_submit:hover { background: #574dd6; }

/* ===== 목록 ===== */
.adnew_list_wrap { margin: 0 auto; }
/* [EduMap] 2026-09-19: 목록 제목 + 버튼 줄 — academy_apply 의 .apply_list_head 와 같은 배치 */
.adnew_list_head { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:14px; }
.adnew_list_title { font-size:22px; font-weight:800; color:#1a1a1a; margin:0; white-space:nowrap; }
.adnew_btn_write { padding:10px 22px; background:#685FF4; color:#fff; border-radius:8px; font-size:15px;
    font-weight:700; text-decoration:none; white-space:nowrap; flex-shrink:0; }
.adnew_btn_write:hover { background:#5147e0; color:#fff; }
@media (max-width:480px) { .adnew_list_title { font-size:18px; } .adnew_btn_write { padding:9px 14px; font-size:14px; } }
.adnew_list_tbl {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
}
.adnew_list_tbl thead th {
    padding: 10px 12px;
    background: #f4f3ff;
    border-top: 2px solid #685FF4;
    border-bottom: 1px solid #ddd;
    font-weight: 600;
    color: #444;
    text-align: center;
}
.adnew_list_tbl tbody td {
    padding: 10px 12px;
    /* [EduMap] 2026-09-21: 문의 1건마다 구분선을 진한 파란색으로(대표님 "입점문의도 선 진하게 파란색",
       학원 신청 현황 목록과 같은 톤 #2C5F9E) */
    border-bottom: 1.5px solid #2C5F9E;
    color: #333;
    vertical-align: middle;
}
.adnew_list_tbl tbody tr:hover td { background: #f9f8ff; }
.adnew_list_tbl .col_subject { text-align: left; }
.adnew_list_tbl .col_center { text-align: center; }
.adnew_list_link { color: #333; text-decoration: none; font-weight: 600; }
.adnew_list_link:hover { color: #685FF4; }
.adnew_empty { text-align: center; padding: 60px 0; color: #aaa; font-size: 15px; }

/* ===== 뷰 ===== */
.adnew_view_wrap { max-width: 800px; margin: 0 auto; }
.adnew_view_head {
    padding: 20px 0 16px;
    border-bottom: 2px solid #e8e8e8;
    margin-bottom: 20px;
}
.adnew_view_title {
    font-size: 20px;
    font-weight: 700;
    color: #222;
    margin: 0 0 10px;
}
.adnew_view_meta {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    font-size: 13px;
    color: #888;
}
.adnew_info_box {
    background: #f7f7ff;
    border: 1px solid #e0dcff;
    border-radius: 10px;
    padding: 18px 22px;
    margin-bottom: 24px;
    display: flex;
    flex-direction: column;
    gap: 11px;
}
.adnew_info_row { display: flex; align-items: flex-start; gap: 14px; }
.adnew_info_label {
    min-width: 110px;
    font-size: 13px;
    font-weight: 600;
    color: #685FF4;
    flex-shrink: 0;
    padding-top: 1px;
}
.adnew_info_val { font-size: 14px; color: #333; line-height: 1.5; }
.adnew_consult_badges {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}
.adnew_badge {
    display: inline-block;
    padding: 3px 12px;
    background: #ede9ff;
    color: #685FF4;
    border-radius: 20px;
    font-size: 13px;
    font-weight: 600;
}
.adnew_view_content {
    font-size: 15px;
    line-height: 1.8;
    color: #333;
    margin-bottom: 24px;
    padding: 20px 0;
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
}
.adnew_view_btns {
    display: flex;
    gap: 10px;
    justify-content: center;
    margin: 24px 0;
}
.adnew_btn_list {
    padding: 9px 24px;
    border: 1.5px solid #ccc;
    border-radius: 8px;
    color: #555;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    background: #fff;
}
.adnew_btn_list:hover { border-color: #999; }
.adnew_btn_edit {
    padding: 9px 24px;
    background: #685FF4;
    color: #fff;
    border: none;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
}
.adnew_btn_edit:hover { background: #574dd6; }
.adnew_btn_del {
    padding: 9px 24px;
    background: #fff;
    color: #e53935;
    border: 1.5px solid #e53935;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
}
.adnew_btn_del:hover { background: #ffeaea; }


/* ===== 입점 문의 폼 추가 요소 ===== */

/* 고정 입력칸 (문의 제목 / 010) — 손댈 수 없음을 회색으로 알린다 */
.adnew_inp_fixed {
    background: #f4f4f6;
    color: #555;
    cursor: default;
}
.adnew_hint {
    margin: 6px 0 0;
    font-size: 12px;
    color: #999;
}

/* 연락처 3칸 */
.adnew_phone { display: flex; align-items: center; gap: 6px; flex-wrap: nowrap; }
.adnew_phone .adnew_inp { flex: 0 1 auto; min-width: 0; }
.adnew_dash { color: #999; }
.adnew_inp_tel { max-width: 70px; text-align: center; }
.adnew_inp_num { max-width: 100px; text-align: center; }

/* 지역 3단 (시도 / 시군구 / 동) */
/* 지역 3단 — PC 는 한 줄에 셋, 모바일은 세로로 */
.adnew_region { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.adnew_region .adnew_inp { max-width: 100%; width: 100%; }
@media (max-width: 768px) { .adnew_region { grid-template-columns: 1fr; } }
.adnew_dong_etc { max-width: 420px; }

/* 과목 — PC 는 가로 3개씩(3 + 2), 모바일은 세로 한 줄씩 */
.adnew_subject_grid { display:grid; grid-template-columns:repeat(3, 1fr); gap:8px; }
.adnew_subject_grid .adnew_inp { max-width:100%; width:100%; }
@media (max-width:768px) { .adnew_subject_grid { grid-template-columns:1fr; } }

/* 첨부 입력 */
.adnew_file { font-size: 13px; }
.adnew_file_del {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 6px;
    font-size: 13px;
    color: #c33;
    cursor: pointer;
}

/* 목록 제목 옆 답변(댓글) 수 — 관리자가 회신했다는 표시 */
.adnew_cmt_cnt {
    display: inline-block;
    margin-left: 6px;
    color: #e8180c;
    font-weight: 700;
    font-size: 13px;
    white-space: nowrap;
}

/* 목록 — 제목 칸은 왼쪽 정렬 */
.adnew_list_tbl .adnew_col_subject { text-align: left; }

/* 목록 6칸 — 폭이 좁아 글자가 아래로 접히던 것을 막는다.
   table-layout:fixed 로 th 에 준 폭이 실제로 지켜지게 하고,
   제목·성함·등록일은 한 줄로 고정, 지역·학원명·과목만 두 줄까지 허용한다. */
.adnew_list_tbl { table-layout: fixed; }
.adnew_list_tbl .adnew_col_subject { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.adnew_list_tbl .adnew_col_wide { word-break: keep-all; line-height: 1.5; }
.adnew_list_tbl .adnew_col_date { font-size: 12px; color: #999; white-space: nowrap; }

/* 뷰 — 첨부 미리보기 */
.adnew_att_wrap { max-width: 800px; margin: 0 0 20px; }
.adnew_att_item + .adnew_att_item { margin-top: 14px; }
.adnew_att_img,
.adnew_att_video {
    display: block;
    width: 100%;
    max-width: 520px;
    height: auto;
    border-radius: 8px;
    border: 1px solid #eee;
}
.adnew_att_link {
    display: inline-block;
    margin-top: 6px;
    font-size: 13px;
    color: #685FF4;
    text-decoration: none;
    word-break: break-all;
}
.adnew_att_link:hover { text-decoration: underline; }

/* 목록이 좁은 화면에서 잘리지 않도록 가로 스크롤 */
.adnew_list_wrap { overflow-x: auto; }

/* 모바일 */
@media (max-width: 600px) {
    .adnew_tbl th { width: 90px; font-size: 13px; padding: 10px 10px; white-space: normal; }
    .adnew_inp { max-width: 100%; }
    .adnew_info_label { min-width: 80px; }
    .adnew_view_title { font-size: 17px; }
    .consult_chk_group { gap: 8px 14px; }
    .adnew_inp_tel { max-width: 62px; }
    .adnew_inp_num { max-width: 88px; }
}

/* [EduMap] 2026-09-10: 목록을 좁은 화면에서 표(가로 스크롤)가 아니라 학원 등록 신청
   목록(academy_apply)과 같은 카드형(줄 단위 스택)으로 — 대표님이 모바일에서 글자가
   이상하게 보인다고 지적, academy_apply 목록과 폼을 통일해 달라는 요청에 따른 것.
   academy_apply/style.css 의 같은 처리(.apply_list_tbl, max-width:640px)와 동일한 패턴이다. */
@media (max-width: 640px) {
    /* [EduMap] 2026-09-22(2차): 모바일에서 항목마다 파란 선이 그어져 "정신없다"는 지적(대표님) —
       원인은 위 `.adnew_list_tbl tbody td` 규칙이 여기 `.adnew_list_tbl td` 보다 구체적이라 선이 살아남은 것.
       셀렉터를 같은 수준(tbody td)으로 올려 확실히 지우고, 글씨는 학원 등록 신청 목록처럼 굵게 했다. */
    .adnew_list_tbl { min-width: 0; table-layout: auto; }
    .adnew_list_tbl thead { display: none; }
    .adnew_list_tbl tbody td { display: block; width: auto !important; text-align: left !important;
        border-bottom: 0; padding: 4px 8px; white-space: normal; font-size: 14px; font-weight: 600; color: #333; }
    .adnew_list_tbl tbody tr { display: block; border-bottom: 1.5px solid #2C5F9E; padding: 10px 0; }
    .adnew_list_tbl tbody td.adnew_col_date { font-weight: 500; color: #999; }
}

/* 상담 내용에서 '직접 작성' 을 고르면 열리는 입력칸 */
.adnew_inq_box { margin-top:8px; }
.adnew_inq_box .adnew_textarea { min-height:120px; }

/* [EduMap] 2026-09-23: 라벨 칸(th)을 없앤 입점 문의 폼 — 각 줄 아래 빨간 작은 설명글 */
.adnew_tbl_nolabel td { width: 100%; padding: 12px 0; }
.adnew_req_hint { margin: 6px 0 0; font-size: 13px; color: #1e62d0; font-weight: 600; }   /* 2026-09-24 빨강→파랑(대표님 "작은 글씨는 전부 파란색") */
/* 2026-09-24: 입점 위치 선택 아래 프로모션 안내(파란 글씨) */
.adnew_promo_hint { margin: 6px 0 0; font-size: 13px; color: #1e62d0; font-weight: 600; line-height: 1.5; }
/* [EduMap] 2026-09-23(6차): 목록 제목(문의 칸) 글을 칸 맨 왼쪽까지(학원 신청 현황과 같게 — academy_apply/style.css 참고) */
@media (min-width:641px) {
  .adnew_list_tbl tbody td.adnew_col_subject { padding-left:0; }
  /* 2026-09-24: 머리칸 "문의" 는 다시 가운데 정렬(대표님 "제목 '문의' 중앙으로") — 글(제목)만 왼쪽 끝 */
}
.edm_name_cell { overflow:visible !important; }   /* 2026-09-24 관리자 이름 팝업이 칸 밖으로 나오도록 */
.adnew_inp_locked { background:#d9dce1 !important; color:#8a9099 !important; cursor:not-allowed; }   /* 2026-09-24 앞 칸 선택 전 회색 잠금 · 2026-10-02 더 진하게(대표님 "흰색이랑 확실히 구분") */
/* [EduMap] 2026-09-25: PC 작성칸 폭 통일(학원 등록 신청과 같은 규칙) — 문의·성함은 연락처 줄 끝(330px)에 맞추고, 나머지는 폼 폭 전체 */
.adnew_form_tbl .adnew_inp, .adnew_form_wrap .adnew_inp { max-width:100%; }
.adnew_form_wrap .adnew_phone { max-width:330px; }
.adnew_form_wrap .adnew_phone .adnew_inp_num { max-width:none; flex:1 1 0; min-width:0; }
.adnew_form_wrap .adnew_inp_tel { max-width:70px; }
.adnew_form_wrap .adnew_inp.edm_top_short { max-width:330px; }
.adnew_form_wrap .adnew_dong_etc { max-width:100%; }
/* [EduMap] 2026-09-26: 학원 등록 신청과 같게 — 문의·성함 칸은 폼 폭 전체, 전화번호는 010 칸까지 3등분 */
.adnew_form_wrap .adnew_inp.edm_top_short { max-width:100%; }
.adnew_form_wrap .adnew_phone { max-width:100%; }
.adnew_form_wrap .adnew_phone .adnew_inp { max-width:none !important; flex:1 1 0; min-width:0; }


/* [EduMap] 2026-09-27: 답변(댓글)이 아직 없는 글 옆 "New"(대표님) — academy_apply/style.css 에도 같은 규칙 */
.edm_new_badge { display:inline-block; margin-left:6px; padding:1px 7px; border-radius:10px; background:#ff3b30; color:#fff; font-size:11px; font-weight:900; letter-spacing:.3px; vertical-align:middle; animation:edmNew 1.2s ease-in-out infinite; }
@keyframes edmNew { 0%,100% { transform:scale(1); opacity:1; } 50% { transform:scale(1.15); opacity:.75; } }
@media (prefers-reduced-motion: reduce) { .edm_new_badge { animation:none; } }

/* 2026-09-28: 요일별 운영시간 */
.adnew_hours { display:flex; flex-direction:column; gap:6px; }
.adnew_hour_row { display:flex; align-items:center; gap:6px; flex-wrap:wrap; }
.adnew_hour_day { flex:0 0 56px; font-size:14px; font-weight:700; color:#444; }
.adnew_hour_row .adnew_hour_from, .adnew_hour_row .adnew_hour_to { flex:1 1 150px; min-width:0; width:auto; }
.adnew_hour_tilde { color:#888; }
.adnew_hour_row .adnew_hour_etc { flex:1 1 100%; margin-left:62px; }
@media (max-width:640px) { .adnew_hour_row .adnew_hour_etc { margin-left:0; } .adnew_hour_day { flex-basis:100%; } }

/* 2026-09-28: 내 신청 표시(academy_apply 의 .apply_mine_badge 와 같은 모양) */
.adnew_mine_badge { display:inline-block; margin-left:5px; padding:1px 6px; border-radius:10px; background:#2C5F9E; color:#fff; font-size:11px; font-weight:700; vertical-align:middle; }
/* 2026-10-03: 목록 제목을 "문의" 머리글과 같은 가운데로(대표님) — 모바일 카드형은 그대로 */
@media (min-width:641px) { .adnew_list_tbl .adnew_col_subject, .adnew_list_tbl .col_subject { text-align:center !important; } }

/* 2026-10-03: New · 답변 수가 생겨도 제목 글자가 밀리지 않게 — 제목 오른쪽에 겹쳐 놓는다(PC). 모바일 카드형은 원래대로 이어서 */
.edm_title_wrap { position:relative; display:inline-block; }
@media (min-width:641px) { .edm_title_badges { position:absolute; left:100%; top:50%; transform:translateY(-50%); white-space:nowrap; } }