*,
*::before,
*::after{
	box-sizing:border-box;
	margin:0;
	padding:0;
}

body {
	margin: 0 auto;
	background-color: #000;
	max-width: 800px;
	width: auto;
	height: 100%;
	top: 0px;
	bottom: 0px;
}

.swiper-container {
	width: 100%;
	margin: 0;
}

.swiper-slide {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

ul {
	width: 100%;
	list-style: none;
	padding: 0;
	margin: 0;
}



.imagemap {
	position: relative;
	width: 100%;
}

img {
	display: block;
	width: 100%;
}



input, select, option {
	border-bottom:none;
	border-top: none;
    border-left: none;
    border-right: none;
	font-size: 3vw;
	font-weight: 500;
	}

input:focus,
select:focus,
option:focus {
  outline: none; /* 포커스 상태에서도 테두리 제거 */
}

@media(min-width:520px){
	input, select, option {
		border-bottom: none;
		border-top: none;
		border-left: none;
		border-right: none;
		font-size: 18px;
		}
}

video {width:100%;height:100%;}

.videoxy {  
    position: absolute;
    top: 58.2%;
    left: 50%;
    transform: translateX(-50%);
    width: 76%;
    height: auto;
	}

#name {
	position: absolute;
    top: 33.55%;
    left: 27%;
    width: 61%;
    height: 2.6%;
    color: #000;
    background: none;
	}
	
#phone {
    position: absolute;
    top: 36.9%;
    left: 27%;
    width: 61%;
    height: 2.6%;
    color: #000;
    background: none;
	}
	
#address {
	position: absolute;
    top: 40.25%;
    left: 27%;
    width: 61%;
    height: 2.6%;
    color: #000;
    background: none;
	}
	
#valet_car {
	position: absolute;
    top: 52.5%;
    left: 27%;
    width: 61%;
    height: 2.6%;
    color: #000;
    background: none;
	}

#driver_phone {
	position: absolute;
    top: 55.75%;
    left: 27%;
    width: 61%;
    height: 2.6%;
    color: #000;
    background: none;
	}
	
#name2 {
	position: absolute;
    top: 70.9%;
    left: 27%;
    width: 61%;
    height: 2.6%;
    color: #000;
    background: none;
	}

#phone2 {
	position: absolute;
    top: 74.25%;
    left: 27%;
    width: 61%;
    height: 2.6%;
    color: #000;
    background: none;
	}
	
#car_no {
	position: absolute;
    top: 77.65%;
    left: 27%;
    width: 61%;
    height: 2.6%;
    color: #000;
    background: none;
	}
	
#destination {
    position: absolute;
    top: 81%;
    left: 27%;
    width: 61%;
    height: 2.6%;
    color: #000;
    background: none;
	}

.confirm_btn {
    position: absolute;
    top: 85.8%;
    left: 9%;
    height: 3.9%;
    width: 82%;
    cursor: pointer;
}

.popup-container {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 20;
	opacity: 1;
	transition: opacity 2s ease-in-out;
}

.popup-content {
	max-width: 90%;
	max-height: 90%;
}

.popup-content img {
	display: block;
	width: 100%;
	max-height: 100%;
	margin: 0 auto;
	max-width: 800px;
}
.popup2 {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 20;
}

.popup2-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
  max-width:910px;
  background-color: white;
  text-align: center;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  z-index: 20;
}

.popup2-content img {
  width: 100%;
  height: auto;
  z-index: 20;
}

.popup2-close {
    position: absolute;
    top: -1%;
    right: 2%;
    font-size: 30px;
    font-weight: bold;
    color: #333;
    cursor: pointer;
    z-index: 22;
}

.popup2-close:hover {
  color: #999;
}

			.postcode-layer {
				display: none;
				position: fixed;
				left: 0;
				top: 0;
				width: 100%;
				height: 100%;
				background: rgba(0, 0, 0, 0.55);
				z-index: 999999;
			}

			.postcode-layer-inner {
				position: absolute;
				left: 50%;
				top: 50%;
				width: 92%;
				max-width: 520px;
				height: 72%;
				background: #fff;
				border-radius: 12px;
				overflow: hidden;
				transform: translate(-50%, -50%);
			}

			.postcode-layer-close {
				position: absolute;
				right: 10px;
				top: 8px;
				width: 34px;
				height: 34px;
				border: 0;
				background: #222;
				color: #fff;
				font-size: 22px;
				line-height: 34px;
				border-radius: 50%;
				cursor: pointer;
				z-index: 2;
			}

			.postcode-layer-body {
				position: absolute;
				left: 0;
				right: 0;
				top: 44px;
				bottom: 0;
			}

			.address-detail-layer {
				display: none;
				position: fixed;
				left: 0;
				top: 0;
				width: 100%;
				height: 100%;
				background: rgba(0, 0, 0, 0.55);
				z-index: 1000000;
			}

			.address-detail-box {
				position: absolute;
				left: 50%;
				top: 50%;
				width: 88%;
				max-width: 460px;
				padding: 22px 18px 18px;
				background: #fff;
				border-radius: 14px;
				box-sizing: border-box;
				transform: translate(-50%, -50%);
			}

			.address-detail-title {
				margin: 0 0 14px;
				font-size: 18px;
				font-weight: 700;
				color: #111;
				text-align: center;
			}

			.address-detail-box input {
				width: 100%;
				height: 46px;
				margin: 6px 0;
				padding: 0 12px;
				border: 1px solid #ddd;
				border-radius: 8px;
				font-size: 15px;
				box-sizing: border-box;
			}

			.address-detail-box input[readonly] {
				background: #f7f7f7;
				color: #555;
			}

			.address-detail-actions {
				display: flex;
				gap: 8px;
				margin-top: 12px;
			}

			.address-detail-actions button {
				flex: 1;
				height: 44px;
				border: 0;
				border-radius: 8px;
				font-size: 15px;
				font-weight: 700;
				cursor: pointer;
			}

			.address-detail-cancel {
				background: #e9e9e9;
				color: #333;
			}

			.address-detail-submit {
				background: #111;
				color: #fff;
			}