@charset "utf-8";
/* ============================================================
   local.css — 오프라인 클론 전용 보정
   원본 CSS는 손대지 않고, 로컬에서만 필요한 것들을 여기서 덮어씁니다.
   ============================================================ */

/* Vimeo 임베드 대체 스틸
   원본은 player.vimeo.com iframe 이지만 도메인 제한이 걸려 있어
   외부/로컬에서 열면 "Sorry" 오류 화면이 뜹니다.
   원본 iframe 과 동일한 박스를 차지하는 포스터 + 느린 줌으로 대체했습니다. */
.main_vd .vd .vd_still,
.view .vd .vd_still{
	position:absolute;
	left:0; top:0;
	width:100%; height:100%;
	overflow:hidden;
	background:#0d0d0d;
}
.vd_still img{
	width:100%; height:100%;
	object-fit:cover;
	display:block;
	transform:scale(1.02);
	transition:transform 12s linear;
}
.vd_still.playing img{ transform:scale(1.12); }

/* 재생 아이콘 (원본 영상 자리임을 표시) */
.vd_still::after{
	content:"";
	position:absolute; left:50%; top:50%;
	width:4.2vw; height:4.2vw;
	max-width:64px; max-height:64px;
	margin:-2.1vw 0 0 -2.1vw;
	border:1px solid rgba(255,255,255,.65);
	border-radius:50%;
	background:rgba(20,18,18,.28) no-repeat center/26% url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 14'%3E%3Cpath d='M0 0l12 7-12 7z' fill='%23fff'/%3E%3C/svg%3E");
	backdrop-filter:blur(2px);
	pointer-events:none;
	opacity:.8;
	transition:opacity .4s;
}
.vd_still.playing::after{ opacity:0; }
@media (max-width:768px){
	.vd_still::after{
		width:13vw; height:13vw; margin:-6.5vw 0 0 -6.5vw;
	}
}

/* 관심고객등록 iframe (로컬 register.html) */
.register .form iframe{ width:100%; height:100%; border:0; background:#fff; }

/* register.html 을 단독으로 열었을 때 여백 보정 */
body > .wrap.sub > .contents > .customer{ padding-bottom:4vw; }

/* 관심고객 등록 폼 — 오렐청평 항목으로 교체하며 추가된 tel/email/date 입력도
   원본 text/select 와 같은 모양으로 (원본 규칙이 input[type="text"] 만 잡고 있었음). 2026-09-11 */
.bo_tbl table tr td input[type="tel"],
.bo_tbl table tr td input[type="email"],
.bo_tbl table tr td input[type="date"] {
	font-size: 1.3629vw; color: #333; border: none; background-color: #e1dad0;
	width: 100%; height: 4vw; padding: 0 1.5vw; outline: none;
}
.bo_tbl table tr td input[type="date"] { cursor: pointer; }
@media (max-width: 1024px) {
	.bo_tbl table tr td input[type="tel"],
	.bo_tbl table tr td input[type="email"],
	.bo_tbl table tr td input[type="date"] { height: 7vw; max-width: 100% !important; font-size: 2.4vw; padding: 0 2.5vw; }
}
@media (max-width: 767px) {
	.bo_tbl table tr td input[type="tel"],
	.bo_tbl table tr td input[type="email"],
	.bo_tbl table tr td input[type="date"] { height: 8vw; font-size: 3.2vw; padding: 0 3vw; }
}