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

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

input, select, option {
	border-bottom:0px;
	padding:0px;
	font-size: 16px;
	display: inline-block;
	border: none; /* 기본 상태에서 border 제거 */
	outline: none; /* 기본 상태에서 outline 제거 */
	background:none;
	}
	

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

.swiper-slide {
	/* Center slide text vertically */
	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%;
}

.username { position: absolute; top: 19%; left: 40.8%; width: 22.5%; height: 2.7%;}
.username_en { position: absolute; top: 19%; left: 64.3%; width: 22.2%; height: 2.7%;}
.gender { position: absolute; top: 23.7%; left: 40.8%; width: 45.7%; height: 2.7%;}
.phone { position: absolute; top: 28.4%; left: 40.8%; width: 45.7%; height: 2.7%;}
.company_name {	position: absolute; top: 33.1%; left: 40.8%; width: 45.7%; height: 2.7%;}
.position { position: absolute; top: 41.7%; left: 40.8%; width: 45.7%; height: 2.7%;}
.car_no { position: absolute; top: 37.8%; left: 40.8%; width: 45.7%; height: 2.7%;}

.addr1 { position: absolute; top: 40.3%; left: 40.8%; width: 34.5%; height: 2.7%;}
.addr2 { position: absolute; top: 40.3%; left: 76%; width: 17%; height: 2.7%;}
.accompaniment { position: absolute; top: 42.5%; left: 40.8%; width: 45.7%; height: 2.7%;}
.handicap { position: absolute; top: 47.2%; left: 40.8%; width: 45.7%; height: 2.7%;}

.apparel_size { position: absolute; top: 51.9%; left: 40.8%; width: 22.5%; height: 2.7%;}
.apparel_size2 { position: absolute; top: 51.9%; left: 64.3%; width: 22.5%; height: 2.7%;}

.allergies { position: absolute; top: 56.6%; left: 40.8%; width: 45.7%; height: 2.7%;}

.gala_dinner { position: absolute; top: 61.3%; left: 40.8%; width: 45.7%; height: 2.7%;}
.club_rental { position: absolute; top: 66%; left: 40.8%; width: 45.7%; height: 2.7%;}

#see_size { position: absolute; top: 52%; left: 87.3%; width: 5.5%; height: 2.7%; cursor: pointer;}

.privacy { position: absolute; top: 71%; left: 8%; width: 4%; height: 2%;}


/* 선택 입력 UX 보조 */
.address-wrap .addr1[readonly]{
	z-index:5; /* 필요 시 9~999까지 올려도 무방 */
	cursor:pointer;
}
.address-wrap .addr1::placeholder{
	color:#888;
}

.confirm_btn {
	position: absolute;
    top: 81.2%;
    left: 50%;
    height: 4.2%;
    transform: translateX(-50%);
    width: 42%;
    cursor: pointer;
    border: none;
    /* background: #000; */
    /* color: #FFF; */
    font-size: 20px;
    font-weight: 700;
    border-radius: 9999px;
	opacity:0;
}

.confirm_btn2 {
    position: absolute;
    top: 81.2%;
    left: 50%;
    height: 4.2%;
    transform: translateX(-50%);
    width: 42%;
    cursor: pointer;
    border: none;
    font-size: 20px;
    font-weight: 700;
    border-radius: 9999px;
}


@media(max-width:520px){
	input, select, option {
		font-size: 12px;
		}
		
	.confirm_btn, .confirm_btn2 {
		font-size:12px;
		}
}


	.see-size{
	}

	/* 바디 스크롤 잠금 */
	body.no-scroll{
		overflow:hidden;
	}

	/* 레이어 컨테이너 */
	.layer{
		position:fixed;
		inset:0;
		display:none; /* 기본 숨김 */
		align-items:center; /* 수직 중앙 */
		justify-content:center; /* 수평 중앙 */
		background:rgba(0,0,0,0.7); /* 요구: 검정, opacity 0.7 */
		z-index:9999;
	}

/* 팝업 공통 */
.layer {
	position: fixed;
	inset: 0;
	display: none;
	align-items: center;
	justify-content: center;
	z-index: 99999;
}
.layer.show { display: flex; }
.layer-backdrop {
	position: absolute;
	inset: 0;
	background: rgba(0,0,0,.7);
}
.layer-content {
	position: relative;
	z-index: 1;
	width: 92vw;
	max-width: 860px;
	max-height: 90vh;
	background: #000;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 10px 30px rgba(0,0,0,.35);
}

/* 닫기 버튼 */
.layer-close {
	position: absolute;
	top: 8px;
	right: 12px;
	z-index: 3;
	width: 36px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	font-size: 28px;
	color: #fff;
	background: rgba(0,0,0,.45);
	border-radius: 50%;
	cursor: pointer;
	user-select: none;
}

/* 팝업용 스와이퍼 */
.size-swiper {
	width: 100%;
	height: 100%;
	background: #000;
}
.size-swiper .swiper-wrapper {
	align-items: center;
}
.size-swiper .swiper-slide {
	display: flex;
	align-items: center;
	justify-content: center;
}
.size-swiper .swiper-slide img {
	max-width: 100%;
	max-height: 86vh;
	height: auto;
	object-fit: contain;
}

/* 네비/페이지네이션 (색상만 기본 사용) */
.size-nav-prev, .size-nav-next {
	color: #fff;
}
.size-pagination .swiper-pagination-bullet {
	background: #fff;
	opacity: .6;
}
.size-pagination .swiper-pagination-bullet-active {
	opacity: 1;
}

/* 바디 스크롤 잠금 */
body.no-scroll {
	overflow: hidden;
	touch-action: none;
}