/* 학원 등록 신청서 스킨 — ad_new 스킨의 톤을 따르되 신청서용으로 정리 */
/* [EduMap] 2026-09-19: 폼·목록의 폭·여백을 입점 문의(ad_new)와 같게 맞췄다(대표님 요청 "학원 등록 신청 폼도
   입점문의랑 동일하게, 두꺼운 글씨체는 학원 등록 신청 스타일로"). 폭만 ad_new 값(.adnew_form_wrap
   700px / .adnew_list_wrap 전체 폭)을 따르고, 글꼴·굵기는 이 스킨 것을 그대로 둔다.
   좌우 여백은 ad_new 처럼 사이트 공용 컨테이너(.inner)에 맡긴다 — 여기서 padding 을 또 주면 이중 여백이 된다.
   이전 값: .apply_wrap 760px + margin-top 40px + padding 0 16px / .apply_list_wrap 1100px + margin-top 36px */
.apply_wrap { max-width:700px; margin:0 auto 70px; padding:10px 0;
  font-family:'AppleSDGothicNeo','Apple SD Gothic Neo','Noto Sans KR',sans-serif; }
/* 목록 6칸 — 폭이 좁아 글자가 아래로 접히던 것을 막는다.
   table-layout:fixed 로 th 에 준 폭이 실제로 지켜지게 하고,
   제목·성함·연락처·등록일은 한 줄로 고정, 지역·과목만 두 줄까지 허용한다. */
.apply_list_tbl { table-layout: fixed; }
/* [EduMap] 2026-09-23(4차): 댓글(답변) 수가 붙으면 제목이 가운데 정렬 때문에 왼쪽으로 밀려 보였다
   (대표님 "댓글 달면 글이 밀림 — 입점 게시판은 안 밀림"). 입점 문의 목록처럼 제목 칸을 왼쪽 정렬로 고정한다. */
.apply_list_tbl .apply_col_subject { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:left !important; padding-left:12px; }
.apply_list_tbl .apply_col_wide { word-break:keep-all; line-height:1.5; }
.apply_list_tbl .apply_col_date { font-size:12px; color:#999; white-space:nowrap; }
.apply_row_mine td { background:#f4f9ff; }
.apply_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; }

/* 상단 이벤트(할인) 배너 — 목록·신청서 작성 화면 맨 위 */
.apply_event_banner { margin:0 0 26px; }
.apply_event_banner a { display:block; }
.apply_event_banner img { display:block; width:100%; height:auto; border-radius:12px; }

.apply_head { text-align:center; margin-bottom:28px; }
.apply_title { font-size:26px; font-weight:800; color:#1a1a1a; margin:0 0 10px; }
.apply_desc { font-size:14px; color:#777; line-height:1.7; margin:0; }

.apply_tbl { width:100%; border-collapse:collapse; border-top:2px solid #2C5F9E; }
.apply_tbl th, .apply_tbl td { padding:14px 12px; border-bottom:1px solid #eaeaea;
  font-size:14px; text-align:left; vertical-align:middle; }
.apply_tbl th { width:240px; background:#f8fbff; color:#333; font-weight:700; white-space:nowrap; }
.req { color:#e53935; }

.apply_inp { width:100%; max-width:420px; box-sizing:border-box; padding:10px 12px;
  border:1px solid #d5d5d5; border-radius:6px; font-size:14px; color:#333; background:#fff; }
.apply_inp:focus { outline:none; border-color:#2C5F9E; box-shadow:0 0 0 2px rgba(44,95,158,.12); }

.apply_phone { display:flex; align-items:center; gap:6px; }
.apply_inp_fixed { max-width:72px; text-align:center; background:#f3f3f3; color:#666; }
.apply_inp_num { max-width:104px; text-align:center; }
.apply_dash { color:#999; }

/* 지역 3단 — PC 는 한 줄에 셋, 모바일은 세로로 (칸 폭이 좁아 접히던 것을 고정) */
.apply_region { display:grid; grid-template-columns:repeat(3, 1fr); gap:8px; }
.apply_region .apply_inp { max-width:100%; width:100%; }
@media (max-width:768px) { .apply_region { grid-template-columns:1fr; } }

/* [EduMap] 2026-09-07: 학교명 옆 학년 드롭다운 — 지역 3단과 같은 방식 */
/* [EduMap] 2026-09-13: 학년 select 의 placeholder("자녀의 학년을 선택해 주세요.")가
   길어서 좁은 칸에서 잘려 보인다는 지적 — 학교명(자유 입력)보다 학년(긴 안내문구)
   쪽에 폭을 더 준다(1.5:1 → 1:1.4로 역전, 대표님 요청). */
.apply_school_grid { display:grid; grid-template-columns:1fr 1.4fr; gap:8px; }
.apply_school_grid .apply_inp { max-width:100%; width:100%; }
@media (max-width:768px) { .apply_school_grid { grid-template-columns:1fr; } }

/* [EduMap] 2026-09-09: 등록하실 분 관계 선택 + 성함 입력을 한 줄로 (대표님 요청) */
.apply_rel_grid { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.apply_rel_grid .apply_inp { max-width:100%; width:100%; }
@media (max-width:768px) { .apply_rel_grid { grid-template-columns:1fr; } }

.apply_chk_group { display:flex; flex-wrap:wrap; gap:8px; }
.apply_chk_item { display:inline-flex; align-items:center; gap:6px; padding:8px 13px;
  border:1px solid #ddd; border-radius:20px; font-size:13px; color:#444;
  cursor:pointer; background:#fff; transition:all .15s; user-select:none; }
.apply_chk_item:hover { border-color:#2C5F9E; color:#2C5F9E; }
.apply_chk_item input { accent-color:#2C5F9E; margin:0; }
.apply_chk_item:has(input:checked) { background:#2C5F9E; border-color:#2C5F9E; color:#fff; }
.apply_hint { margin:8px 0 0; font-size:12px; color:#999; }

.apply_textarea { width:100%; box-sizing:border-box; min-height:120px; padding:12px;
  border:1px solid #d5d5d5; border-radius:6px; font-size:14px; line-height:1.7;
  color:#333; resize:vertical; font-family:inherit; }
.apply_textarea:focus { outline:none; border-color:#2C5F9E; box-shadow:0 0 0 2px rgba(44,95,158,.12); }

.apply_btns { display:flex; justify-content:center; gap:10px; margin-top:26px; }
.apply_btn_cancel, .apply_btn_submit { padding:13px 40px; border-radius:8px; font-size:15px;
  font-weight:700; cursor:pointer; text-decoration:none; border:0; display:inline-block; }
.apply_btn_cancel { background:#eee; color:#555; line-height:normal; }
.apply_btn_cancel:hover { background:#e2e2e2; }
.apply_btn_submit { background:#2C5F9E; color:#fff; }
.apply_btn_submit:hover { background:#24507f; }
.apply_btn_submit:disabled { background:#9db6d2; cursor:default; }

/* 목록 */
.apply_list_wrap { margin:0 auto 70px;
  font-family:'AppleSDGothicNeo','Apple SD Gothic Neo','Noto Sans KR',sans-serif; }
.apply_list_head { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:16px; flex-wrap:nowrap; }
.apply_list_title { font-size:22px; font-weight:800; color:#1a1a1a; margin:0; white-space:nowrap; }
/* [EduMap] 2026-09-13: 제목을 "학원 등록 신청 현황"→"학원 신청 현황"으로 줄이고, 버튼은
   좀 더 커 보이게(대표님 요청) — white-space:nowrap 로 버튼 글자가 안에서 두 줄로
   접히는 것도 같이 막는다(모바일에서 지저분해 보이던 원인). */
.apply_btn_write { padding:11px 24px; background:#2C5F9E; color:#fff; border-radius:8px;
  font-size:15px; font-weight:700; text-decoration:none; white-space:nowrap; flex-shrink:0; }
.apply_btn_write:hover { background:#24507f; }
.apply_list_tbl { width:100%; border-collapse:collapse; border-top:2px solid #2C5F9E; }
.apply_list_tbl th { padding:12px 8px; background:#f8fbff; border-bottom:1px solid #e3e3e3;
  font-size:13px; font-weight:700; color:#333; }
/* [EduMap] 2026-09-21: 신청 1건마다 구분선을 진한 파란색으로(대표님 "1명당 구분선도 진하게 (파란색)") */
.apply_list_tbl td { padding:13px 8px; border-bottom:1.5px solid #2C5F9E; font-size:13px; color:#444; }
.apply_list_tbl tbody tr:hover { background:#fafcff; }
.col_center { text-align:center; }
.col_left { text-align:left; }
.apply_list_link { color:#2C5F9E; font-weight:700; text-decoration:none; }
.apply_list_link:hover { text-decoration:underline; }
.apply_empty { text-align:center; padding:60px 0 !important; color:#999; font-size:14px; }
.apply_paging { text-align:center; margin-top:22px; }

/* 상세 */
.apply_view_wrap { max-width:760px; margin:40px auto 70px; padding:0 16px;
  font-family:'AppleSDGothicNeo','Apple SD Gothic Neo','Noto Sans KR',sans-serif; }
.apply_view_head { border-bottom:2px solid #2C5F9E; padding-bottom:14px; margin-bottom:0; }
.apply_view_title { font-size:22px; font-weight:800; color:#1a1a1a; margin:0 0 8px; }
.apply_view_meta { font-size:13px; color:#999; }
.apply_route { margin-left:10px; color:#2C5F9E; font-weight:700; }
.apply_info_box { border-bottom:1px solid #eaeaea; }
.apply_info_row { display:flex; border-bottom:1px solid #f0f0f0; }
.apply_info_row:last-child { border-bottom:0; }
.apply_info_label { width:200px; flex:0 0 200px; padding:13px 12px; background:#f8fbff;
  font-size:13px; font-weight:700; color:#333; }
.apply_info_val { flex:1; padding:13px 12px; font-size:14px; color:#444; word-break:break-all; }
.apply_info_val a { color:#2C5F9E; text-decoration:none; }
.apply_badges { display:flex; flex-wrap:wrap; gap:6px; }
.apply_badge { display:inline-block; padding:4px 11px; background:#EBF4FF; color:#2C5F9E;
  border-radius:20px; font-size:12px; font-weight:700; }
.apply_view_content { padding:20px 12px; font-size:14px; color:#333; line-height:1.8; }
.apply_content_label { font-size:13px; font-weight:700; color:#333; margin-bottom:10px; }
.apply_muted { color:#aaa; }
.apply_view_btns { display:flex; justify-content:center; gap:8px; margin-top:20px; }
.apply_btn_list, .apply_btn_edit, .apply_btn_del { padding:10px 26px; border-radius:8px;
  font-size:14px; font-weight:700; text-decoration:none; }
.apply_btn_list { background:#eee; color:#555; }
.apply_btn_edit { background:#2C5F9E; color:#fff; }
.apply_btn_del { background:#e53935; color:#fff; }

@media (max-width:640px) {
  .apply_tbl th, .apply_tbl td { display:block; width:auto; }
  .apply_tbl th { border-bottom:0; padding-bottom:6px; background:transparent; }
  .apply_tbl td { padding-top:0; }
  .apply_inp, .apply_region .apply_inp { max-width:100%; }
  .apply_inp_fixed { max-width:64px; }
  .apply_inp_num { max-width:none; flex:1; }
  .apply_list_tbl thead { display:none; }
  .apply_list_tbl td { display:block; text-align:left !important; border-bottom:0; padding:4px 8px; }
  .apply_list_tbl tbody tr { display:block; border-bottom:1.5px solid #2C5F9E; padding:10px 0; }
  .apply_info_row { flex-direction:column; }
  .apply_info_label { width:auto; flex:none; }
}

/* ===== 하단 실시간 신청 현황 =====
   현장 영업에서 "문의가 이렇게 들어온다" 를 보여주는 영역.
   성함·학원명은 recent_list.php 에서 마스킹된 상태로 넘어온다. */
.apply_recent { margin-top:44px; padding-top:28px; border-top:1px solid #eaeaea; }
.apply_recent_head { display:flex; align-items:center; gap:8px; margin-bottom:14px; }
.apply_recent_head strong { font-size:15px; font-weight:800; color:#1a1a1a; }
.apply_recent_dot { width:8px; height:8px; border-radius:50%; background:#e53935; flex:0 0 8px;
  animation:apply_pulse 1.6s ease-in-out infinite; }
@keyframes apply_pulse { 0%,100%{opacity:1;transform:scale(1);} 50%{opacity:.35;transform:scale(.8);} }
.apply_recent_scroll { overflow-x:auto; -webkit-overflow-scrolling:touch; }
.apply_recent_tbl { width:100%; min-width:460px; border-collapse:collapse; }
.apply_recent_tbl th { padding:9px 8px; background:#f8fbff; border-bottom:1px solid #e3e3e3;
  font-size:12px; font-weight:700; color:#555; white-space:nowrap; text-align:center; }
.apply_recent_tbl td { padding:11px 8px; border-bottom:1px solid #f2f2f2; font-size:13px;
  color:#444; text-align:center; white-space:nowrap; }
.apply_recent_time { color:#999; font-size:12px; }
.apply_recent_mine { background:#EBF4FF; }
.apply_recent_mine td { font-weight:700; color:#2C5F9E; }
.apply_recent_badge { display:inline-block; padding:3px 9px; background:#2C5F9E; color:#fff;
  border-radius:20px; font-size:11px; font-weight:700; }
.apply_recent_empty { padding:32px 0; text-align:center; color:#aaa; font-size:13px; margin:0; }
.apply_recent_note { margin:10px 0 0; font-size:11px; color:#aaa; }
.apply_dong_etc { max-width:420px; }
@media (max-width:640px) {
  .apply_recent_tbl { min-width:420px; }
  .apply_recent_tbl th, .apply_recent_tbl td { padding:9px 6px; font-size:12px; }
}
/* 시연용 샘플 표시 — 실제 신청과 반드시 구분되어야 한다 */
.apply_recent_sample { display:inline-block; margin-left:5px; padding:2px 7px; background:#f0f0f0;
  color:#999; border:1px solid #e0e0e0; border-radius:20px; font-size:10px; font-weight:700; }
.apply_recent_demo_note { margin:0 0 12px; padding:9px 12px; background:#FFF8E6; border:1px solid #F5E3B3;
  border-radius:6px; font-size:12px; color:#8a6d1f; }

/* 학원 분류 — 드롭다운을 세로로 놓고 하나씩 고른다 (지역 선택과 같은 조작감) */
.apply_cat_sel { display: block; }
.apply_cat_sel + .apply_cat_sel { margin-top: 8px; }

/* 연락처 3칸은 어떤 폭에서도 한 줄에 남긴다 */
.apply_phone { flex-wrap: nowrap; }
.apply_phone .apply_inp { flex: 0 1 auto; min-width: 0; }

/* 신청 현황 목록 */
.apply_list_desc { margin: 0 0 14px; font-size: 13px; color: #888; line-height: 1.6; }
.apply_col_subject { font-size: 13px; color: #444; }
.apply_col_date { font-size: 12px; color: #999; white-space: nowrap; }
/* 신청과목 옆 답변(댓글) 수 */
.apply_cmt_cnt {
    display: inline-block;
    margin-left: 6px;
    color: #e8180c;
    font-weight: 700;
    font-size: 13px;
    white-space: nowrap;
}

/* 가입 때 인증한 값이라 못 고치는 칸 (성함·연락처) */
.apply_inp_locked { background:#f3f3f3; color:#666; cursor:default; }

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

/* '기타' 를 고르면 열리는 직접 입력칸 */
.apply_etc_inp { margin-top:8px; }

/* 문의 내용에서 고른 항목에 따라 열리는 입력칸 */
.apply_inq_box { margin-top:8px; }
.apply_inq_box .apply_textarea { min-height:110px; }

/* 희망 혜택 뱃지 */
.apply_badge_gift { background:#fff3d6; border-color:#f0c561; color:#8a5a00; }

/* [EduMap] 2026-09-23: 라벨 칸(th)을 없앤 신청 폼 — 각 줄 아래 빨간 작은 설명글 */
.apply_tbl_nolabel td { width: 100%; padding: 12px 0; }
.apply_req_hint { margin: 6px 0 0; font-size: 13px; color: #1e62d0; font-weight: 600; }   /* 2026-09-24 빨강→파랑(대표님) */
/* [EduMap] 2026-09-23(6차): 목록 제목(문의 칸) 글을 칸 맨 왼쪽까지 붙인다(대표님 "학원 신청 현황 글 초입을 끝까지 <<< 밀어주세요").
   머리칸 "문의" 도 같은 선에서 시작하게 왼쪽 정렬. 입점 문의(ad_new/style.css)도 같은 규칙 — 두 목록을 같게 유지할 것.
   모바일(≤640px 카드형)은 기존 padding 그대로. */
@media (min-width:641px) {
  .apply_list_tbl .apply_col_subject { padding-left:0 !important; }
  /* 2026-09-24: 머리칸 "문의" 는 다시 가운데 정렬(대표님 "제목 '문의' 중앙으로") — 글(제목)만 왼쪽 끝 */
}
.edm_name_cell { overflow:visible !important; }   /* 2026-09-24 관리자 이름 팝업이 칸 밖으로 나오도록 */
/* [EduMap] 2026-09-25: PC 작성칸 폭 통일(대표님 "PC로 봤을 때 작성칸이 동일하게 일정", "칸 끝부분 번호칸 맞춰서", "길게 빼기")
   - 위쪽 문의·성함 칸은 연락처(010-0000-0000) 줄과 끝을 맞춘다(둘 다 330px)
   - 그 밖의 한 칸짜리 입력·선택칸은 폼 폭 전체로 */
.apply_tbl .apply_inp { max-width:100%; }
.apply_tbl .apply_phone { max-width:330px; }
.apply_tbl .apply_phone .apply_inp_num { max-width:none; flex:1 1 0; min-width:0; }
.apply_tbl .apply_inp.edm_top_short { max-width:330px; }
.apply_tbl .apply_inp_fixed { max-width:72px; }
/* [EduMap] 2026-09-26: 위 330px 규칙을 뒤집는다(대표님 "학원 등록 신청합니다 칸 길게, 성함 칸 길게, 전화번호 3등분으로 동일하게 길게") */
.apply_tbl .apply_inp.edm_top_short { max-width:100%; }
.apply_tbl .apply_phone { max-width:100%; }
.apply_tbl .apply_phone .apply_inp { max-width:none !important; flex:1 1 0; min-width:0; }


/* [EduMap] 2026-09-27: 목록 글귀·느낌을 입점 신청(ad_new) 목록과 똑같이(대표님 "학원 등록 신청 글귀가 작아서 잘 안보임") —
   글씨 13px → 14px, 머리줄 연보라 + 보라 윗선, 버튼 보라, 제목 링크 진회색 */
.apply_list_tbl { border-top:0; font-size:14px; }
.apply_list_tbl thead th { padding:10px 12px; background:#f4f3ff; border-top:2px solid #685FF4; border-bottom:1px solid #ddd; font-size:14px; font-weight:600; color:#444; text-align:center; }
.apply_list_tbl td { padding:10px 12px; font-size:14px; color:#333; vertical-align:middle; }
.apply_list_tbl tbody tr:hover td { background:#f9f8ff; }
.apply_col_subject { font-size:14px; color:#333; }
.apply_list_link { color:#333; font-weight:600; }
.apply_list_link:hover { color:#685FF4; text-decoration:none; }
.apply_btn_write { background:#685FF4; font-size:15px; }
.apply_btn_write:hover { background:#5147e0; color:#fff; }
/* 답변(댓글)이 아직 없는 글 옆 "New" — 방금 문의 온 것처럼 움직인다(두 게시판 같은 규칙, ad_new/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: 글자 굵기도 입점 신청 목록과 같게(대표님 "이 글귀폼으로") — 칸 글씨 보통, 제목 링크만 600 */
.apply_list_tbl td, .apply_list_tbl td * { font-weight:400; }
.apply_list_tbl td .apply_list_link { font-weight:600; }
.apply_list_tbl td .apply_cmt_cnt, .apply_list_tbl td .edm_new_badge, .apply_list_tbl td .apply_mine_badge { font-weight:900; }
.apply_list_tbl td .apply_cmt_cnt { font-weight:700; }
/* 2026-10-03: 목록 제목을 "문의" 머리글과 같은 가운데로(대표님, 입점 신청 현황과 같게) — 모바일 카드형은 그대로 */
@media (min-width:641px) { .apply_list_tbl .apply_col_subject { text-align:center !important; padding-left:0 !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; } }