@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */

/* 메인 비주얼 */
/*
.main-visual { position: relative; width: 100%; height: 100vh; overflow: hidden; }
.main-visual .mainVisualSwiper { width: 100%; height: 100%; }
.main-visual .swiper-slide { position: relative; width: 100%; height: 100%; }
.main-visual .swiper-slide img,
.main-visual .swiper-slide video { width: 100%; height: 100%; object-fit: cover; }
.main-visual .swiper-slide a { display: block; width: 100%; height: 100%; }
.main-visual .video-wrapper { position: relative; width: 100%; height: 100%; overflow: hidden; }
.main-visual .video-wrapper iframe { position: absolute; top: 50%; left: 50%; width: 100vw; height: 56.25vw; min-height: 100vh; min-width: 177.77vh; transform: translate(-50%, -50%); }
.main-visual .caption { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; color: #fff; z-index: 10; width: 100%; padding: 0 20px; }
.main-visual .caption p { font-size: 2rem; line-height: 1.5; margin-bottom: 10px; }
.main-visual .swiper-pagination { bottom: 30px !important; }
.main-visual .swiper-pagination-bullet { width: 12px; height: 12px; background: #fff; opacity: 0.5; }
.main-visual .swiper-pagination-bullet-active { opacity: 1; }
.main-visual .swiper-button-prev,
.main-visual .swiper-button-next { color: #fff; }

/* 기본 비주얼 (데이터 없을 경우) */
/*
.main-visual .video { width: 100%; height: 100%; }
.main-visual .video video { width: 100%; height: 100%; object-fit: cover; }
*/

/* 실시간 상담 현황 상태별 스타일 */
.inquiry-list .status { display: inline-block; padding: 4px 8px; border-radius: 4px; font-size: 12px; font-weight: 500; }
.inquiry-list .status.상담대기 { background: #e8f5e9; color: #388e3c; }
.inquiry-list .status.상담중 { background: #fce4ec; color: hotpink; }
.inquiry-list .status.토스 { background: #e0f2f1; color: mediumaquamarine; }
.inquiry-list .status.보류 { background: #ffebee; color: #d32f2f; }
.inquiry-list .status.기타 { background: #fff3e0; color: #f57c00; }
.inquiry-list .status.상담완료 { background: #e3f2fd; color: #1976d2; }


