*, *::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: 37%; left: 8.6%; width: 76.4%; height: 2.7%;}
.birth { position: absolute; top: 60.7%; left: 8.6%; width: 76.4%; height: 2.7%;}
.company_name { position: absolute; top: 25%; left: 8.6%; width: 37.1%; height: 2.7%;}
.position { position: absolute; top: 25%; left: 48%; width: 37%; height: 2.7%;}
.position2 { position: absolute; top: 48.7%; left: 8.6%; width: 76.4%; height: 2.7%;}
.history { position: absolute; top: 72.5%; left: 8.6%; width: 76.4%; height: 2.7%;}

.handicap { position: absolute; top: 25%; left: 8.6%; width: 76.4%; height: 2.7%;}
/* .mypic { position: absolute; top: 47.2%; left: 8.6%; width: 76.4%; height: 2.7%;} */
.apparel_size { position: absolute; top: 34.5%; left: 8.6%; width: 76.4%; height: 2.7%;}
.apparel_size2 { position: absolute; top: 44%; left: 8.6%; width: 76.4%; height: 2.7%;}
.car_no { position: absolute; top: 53.5%; left: 8.6%; width: 76.4%; height: 2.7%;}
.pdriver { position: absolute; top: 61.25%; left: 8.6%; width: 76.4%; height: 2.7%;}

.ddriver { position: absolute; top: 63%; left: 8.6%; width: 76.4%; height: 2.7%;}
.car_clean { position: absolute; top: 72.5%; left: 8.6%; width: 76.4%; height: 2.7%;}

#see_size { position: absolute; top: 34.3%; left: 85.85%; width: 5.5%; height: 3.2%; cursor: pointer;}

.privacy { position: absolute; top: 77.6%; left: 9.5%; width: 4%; height: 3%;}
.next_page { position:absolute; top: 87.35%; left: 50%; height: 4.2%; transform: translateX(-50%); width: 42%; }

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

.confirm_btn {
	position: absolute;
    top: 87.35%;
    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;
}


@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;
	}

/* 팝업 공통 */
/* ===== 레이어 공통 ===== */
.no-scroll {
	overflow: hidden;
}

.layer {
	position: fixed;
	inset: 0;
	display: none;
	z-index: 99999;
}
.layer.show {
	display: block;
}
.layer .layer-backdrop {
	position: absolute;
	inset: 0;
	background: rgba(0,0,0,.6);
}
.layer .layer-content {
	position: relative;
	z-index: 2;
	max-width: 1024px;
	width: 90%;
	max-height: 90vh;
	margin: 0 auto;
	top: 50%;
	transform: translateY(-50%);
	background: #000; /* 검정 배경(이미지 테두리 대비) */
	border-radius: 12px;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 10px 30px rgba(0,0,0,.35);
}
.layer .layer-close {
	position: absolute;
	right: 10px;
	top: 6px;
	font-size: 28px;
	line-height: 1;
	color: #fff;
	cursor: pointer;
	z-index: 3;
}

.size-swiper {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.size-swiper .swiper-wrapper,
.size-swiper .swiper-slide {
	display: flex;
	align-items: center;
	justify-content: center;
}
.size-swiper img {
	max-width: 100%;
	max-height: 86vh;
	height: auto;
	display: block;
}

/* 클릭 가능한 영역 시각화(필요 시) */
.next_page,
.see-size {
	cursor: pointer;
}


/* 팝업용 스와이퍼 */
.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;
}

.flatpickr-calendar{
	z-index: 9999999 !important;
	top: 40% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
}

/* 연도 드롭다운 기본 스타일(선택 사항) */
.year-select{
    display: block;
}