/* =========================
   ✅ 모바일 모달 스크롤 & 버튼 표시
   ========================= */
#myModal1 * { box-sizing:border-box; }
#myModal1 ul, #myModal1 li { list-style:none; margin:0; padding:0; }

@media (max-width:768px){
  .pop-layer-wrap{
    overflow-y:auto !important;
    -webkit-overflow-scrolling:touch !important;
  }
  .pop-layer-inner{
    max-height:none !important;
    overflow:visible !important;
  }
  #myModal1 form{ padding-bottom:100px !important; }
  #myModal1 .button_wrap{
    padding:20px 16px 40px !important;
    margin-bottom:40px !important;
    background:#fff;
    position:relative;
    z-index:10;
  }
  #myModal1 .button_wrap button{
    width:100% !important;
    min-height:52px !important;
    font-size:16px !important;
    font-weight:800 !important;
    border-radius:12px !important;
    display:block !important;
  }
  #myModal1 .detail-agree{ margin-bottom:20px !important; }
}

/* =========================
   ✅ 상담 희망일시 안내 박스
   ========================= */
#myModal1 .cc-guide-header{
  background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%);
  border:2px solid #16a34a;
  border-radius:12px;
  padding:14px 16px;
  margin:16px 0 12px 0;
  text-align:center;
}
#myModal1 .cc-guide-title{
  font-size:16px;
  font-weight:900;
  color:#111827;
  margin-bottom:4px;
  letter-spacing:-0.3px;
}
#myModal1 .cc-guide-desc{
  font-size:13px;
  font-weight:700;
  color:#16a34a;
}

/* =========================
   ✅ Callcenter Calendar (ONLY for #myModal1)
   ========================= */
#myModal1 .cc-wrap{
  border-top:1px solid #e5e7eb;
  margin-top:12px;
  padding-top:12px;
  margin-bottom:20px;
}

/* 요약 */
#myModal1 .cc-summary{
  display:flex;
  align-items:center;
  gap:8px;
  padding:8px 10px;
  border:1px solid #e5e7eb;
  border-radius:10px;
  background:#f9fafb;
  margin-bottom:8px;
}
#myModal1 .cc-summary .ico{ font-size:14px; }
#myModal1 .cc-summary .txt{
  font-weight:900;
  font-size:13px;
}

/* 캘린더 박스 */
#myModal1 .cc-cal{
  border:1px solid #e5e7eb;
  border-radius:12px;
  overflow:hidden;
  background:#fff;
}

/* 헤더 */
#myModal1 .cc-cal-head{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  padding:8px;
  border-bottom:1px solid #e5e7eb;
}
#myModal1 .cc-cal-head .ym{
  font-weight:900;
  font-size:15px;
}
#myModal1 .cc-cal-head .cc-prev,
#myModal1 .cc-cal-head .cc-next{
  border:0;
  background:transparent;
  font-size:18px;
  font-weight:900;
  cursor:pointer;
  padding:4px 10px;
  border-radius:8px;
}
#myModal1 .cc-cal-head .cc-prev:hover,
#myModal1 .cc-cal-head .cc-next:hover{ background:#f3f4f6; }

/* 요일 */
#myModal1 .cc-dow{
  display:grid;
  grid-template-columns:repeat(7,1fr);
  padding:6px 8px;
  border-bottom:1px solid #f1f5f9;
}
#myModal1 .cc-dow div{
  font-size:11px;
  font-weight:800;
  color:#6b7280;
  text-align:center;
  padding:4px 0;
}

/* 날짜 그리드 */
#myModal1 .cc-grid{
  display:grid;
  grid-template-columns:repeat(7,1fr);
  padding:8px;
  gap:6px;
}
#myModal1 .cc-day{
  height:38px;
  border:1px solid #e5e7eb;
  border-radius:10px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  font-weight:800;
  font-size:13px;
  cursor:pointer;
  background:#fff;
}
#myModal1 .cc-day.dim{
  border:0;
  background:transparent;
  cursor:default;
}
#myModal1 .cc-day.disabled{
  opacity:.35;
  cursor:not-allowed;
}
#myModal1 .cc-day.today{ border-color:#94a3b8; }
#myModal1 .cc-day.sel{
  background:#16a34a;
  border-color:#16a34a;
  color:#fff;
}
#myModal1 .cc-day .mini{
  font-size:9px;
  font-weight:900;
  margin-top:1px;
  color:#16a34a;
}
#myModal1 .cc-day.sel .mini{ color:#dcfce7; }

/* 시간 영역 */
#myModal1 .cc-times{
  padding:10px 10px 12px;
  border-top:1px solid #e5e7eb;
}

/* 시간 라벨 */
#myModal1 .cc-hour-row{
  display:flex;
  justify-content:space-between;
  gap:2px;
  margin-bottom:6px;
}
#myModal1 .cc-hour-row .cc-hour{
  flex:1;
  text-align:center;
  font-size:10px;
  font-weight:800;
  color:#6b7280;
  white-space:nowrap;
}

/* ✅ 막대(핵심) */
#myModal1 .cc-bars{
  display:flex;
  height:46px;
  border-radius:10px;
  overflow:hidden;
  background:#e0f2fe;
  border:1px solid #bae6fd;
}
#myModal1 .cc-bar{
  flex:1;
  cursor:pointer;
  border-right:1px solid #bae6fd;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:background .15s ease;
}
#myModal1 .cc-bar:last-child{ border-right:0; }

#myModal1 .cc-bar.on{ background:#16a34a; border-right-color:#15803d; }
#myModal1 .cc-bar.lock{ background:#fecaca; cursor:not-allowed; opacity:.8; }

#myModal1 .cc-bar:hover:not(.lock):not(.on){ background:#0ea5e9; }

/* 선택 문구 */
#myModal1 .cc-range{
  margin-top:8px;
  font-weight:900;
  font-size:13px;
  color:#111827;
}
#myModal1 .cc-range .sub{
  font-weight:800;
  font-size:12px;
  color:#6b7280;
}

@media (max-width:480px){
  #myModal1 .cc-day{ height:36px; font-size:12px; border-radius:9px; }
  #myModal1 .cc-bars{ height:44px; }
}