/* 간편문의 연락처 - 문의하기 페이지와 같은 플로팅 라벨 (비어 있으면 가운데, 클릭/입력하면 위로 작게) */
	#quickFrm .inputArea .fl { position: relative; display: block; }
	#quickFrm .in form .inputArea .fl input { line-height: normal; padding: 20px 0 0 0; }
	#quickFrm .in form .inputArea .fl input::placeholder { color: transparent; font-size: 16px; transition: color 150ms; }
	#quickFrm .in form .inputArea .fl input:focus::placeholder { color: #bbb; }
	
	#quickFrm .inputArea .fl label { position: absolute; left: 17px; top: 28px; transform: translateY(-50%); margin: 0; color: #888; font-size: 18px; line-height: 1; white-space: nowrap; pointer-events: none; font-weight: 500; }
	body.fl-anim #quickFrm .inputArea .fl label { transition: top 220ms cubic-bezier(.2,.7,.3,1), font-size 220ms cubic-bezier(.2,.7,.3,1), color 180ms; } /* 새로고침 때 저장된 번호가 채워지며 제목이 줄어드는 애니메이션이 보이지 않게, 페이지 로드 후에만 켬 */
	#quickFrm .inputArea .fl input:focus + label, #quickFrm .inputArea .fl input:not(:placeholder-shown) + label { top: 18px; font-size: 13px; color: #888; font-weight: 400; }
	#quickFrm .inputArea .fl input:focus + label { color: var(--color); font-weight: 600; }


	body.layer-popup-open { overflow: hidden; }
	#layer-popup, #layer-popup-dim { display: none; }
	#layer-popup.is-open, #layer-popup-dim.is-open { display: block; }
	#layer-popup-dim { position: fixed; inset: 0; z-index: 10000; background: rgba(0, 0, 0, 0.5); }
	#layer-popup { position: fixed; top: 50%; left: 50%; z-index: 10001; width: 350px; max-width: calc(100% - 30px); max-height: 90vh; overflow-y: auto; transform: translate(-50%, -50%); border-radius: 40px; background: #fff; text-align: center; }
	#layer-popup .layer-popup-area { padding: 45px 40px; }
	#layer-popup .layer-popup-msg { margin: 10px 0 20px 0; padding-top: 85px; color: #111; font-size: 20px; font-weight: 500; white-space: pre-line; word-break: keep-all; overflow-wrap: break-word; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 82.89 82.89'%3E%3Ccircle cx='41.44' cy='41.44' r='41.44' fill='%23000'/%3E%3Cpolyline points='23.44 38.44 37.67 52.67 60.06 30.28' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='6'/%3E%3C/svg%3E") no-repeat top center / 55px; }
	#layer-popup .layer-popup-button { display: flex; justify-content: center; gap: 10px; padding: 10px 0 0 0; }
	#layer-popup .layer-popup-button button { flex: 1; max-width: 100%; height: 48px; padding: 0 10px; border: 0; border-radius: 15px; font-family: inherit; font-size: 18px; font-weight: 400; cursor: pointer; }
	#layer-popup .layer-popup-confirm { background: #eee; color: #000; }
	#layer-popup button:focus, #layer-popup button:focus-visible { outline: none; }