body {
	font-family: 'PorscheNextKorean-Regular', sans-serif;
	margin-bottom: 0;
	padding: 0 auto;
	margin: 0 auto;
	background-color: #000;
	max-width: 800px;
	width: 100%;
	font-size:16px;
}


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

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

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

.link01 {    
    position: absolute; top: 66.9%; left: 50%; width: 56%; height: 8.5%; transform: translateX(-50%); cursor: pointer;
	}

.link02 {    
    position: absolute; top: 76.9%; left: 50%; width: 56%; height: 8.5%; transform: translateX(-50%); cursor: pointer;
}

#time01, #time02, #time03, #time04, #time05, #time06, #time07, #time08, #time09 {
	position: absolute;
	left: 53%;
	width: 30%;
	height: 4%;
	font-weight: 700;
	font-size: 18px;
	color: #2f7eb8;
	display: flex;
	justify-content: center;
	align-items: center;
	transform: translate(-50%, -50%);
	text-align: center;
}
	
#time01 {top:40.3%;}
#time02 {top:45.7%;}
#time03 {top:51.1%;}
#time04 {top:56.6%;}
#time05 {top:61.9%;}
#time06 {top:67.4%;}
#time07 {top:72.8%;}
#time08 {top:78.1%;}
#time09 {top:83.5%;}

#timeslot01, #timeslot02, #timeslot03, #timeslot04, #timeslot05, #timeslot06, #timeslot07, #timeslot08, #timeslot09 {
    position: absolute;
    left: 80.6%;
    width: 17%;
    height: 4%;
    font-weight: 700;
    font-size: 18px;
    color: #2f7eb8;
    transform: translate(-50%, -50%);
    cursor: pointer;
}

#timeslot01 {top:40.3%;}
#timeslot02 {top:45.7%;}
#timeslot03 {top:51.1%;}
#timeslot04 {top:56.6%;}
#timeslot05 {top:61.9%;}
#timeslot06 {top:67.4%;}
#timeslot07 {top:72.8%;}
#timeslot08 {top:78.1%;}
#timeslot09 {top:83.5%;}

input {
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  font: inherit;
  color: inherit;
  outline: none;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

input[type="checkbox"],
input[type="radio"] {
  appearance: auto;
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
  background: initial;
  border: initial;
}

input::placeholder {
  color: #626262;
}

input::-webkit-input-placeholder {
  color: #626262;
}

input:-ms-input-placeholder {
  color: #626262;
}

input::-moz-placeholder {
  color: #626262;
  opacity: 1; /* Firefox에서 흐려지는 현상 방지 */
}

#privacy_check01 {
    position: absolute;
    top: 70%;
    left: 45.8%;
    width: 5%;
    height: 3%;
    accent-color: #736072;
}

#privacy_label {
    position: absolute;
    top: 70%;
    left: 52%;
    width: 38%;
    height: 3%;
    accent-color: #736072;
}

#name {
    position: absolute;
    top: 23.65%;
    left: 27.4%;
    width: 61.2%;
    height: 4.9%;
    text-align: left;
    padding-left: 1%;
}

#phone {
    position: absolute;
    top: 30.95%;
    left: 27.4%;
    width: 61.2%;
    height: 4.9%;
    text-align: left;
    padding-left: 1%;
}

#email {
    position: absolute;
    top: 38.15%;
    left: 27.4%;
    width: 61.2%;
    height: 4.9%;
    text-align: left;
    padding-left: 1%;
}

#confirm {
	position:absolute;
    top: 78.55%;
    left: 50%;
    transform: translateX(-50%);
    width: 47%;
    height: 6%;
    cursor: pointer;
	opacity:0;
}

#endpage_name {
    position: absolute;
    top: 27.5%;
    left: 50%;
    font-weight: 900;
    font-size: clamp(36px, 6vw, 70px);
    color: #2f7eb8;
    height: 7%;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: translate(-50%, -50%);
    text-align: center;
}

#endpage_time {
    position: absolute;
    top: 59.4%;
    left: 52%;
    width: 40%;
    font-weight: 700;
    font-size: clamp(20px, 3vw, 35px);
    color: #e84746;
    height: 7%;
    display: flex;
    align-items: center;
    transform: translate(-50%, -50%);
}

#mypage_name {
    position: absolute;
    top: 25.7%;
    left: 27.4%;
    width: 61.2%;
    height: 4.9%;
    text-align: left;
    padding-left: 1%;
}

#mypage_phone {
    position: absolute;
    top: 32.5%;
    left: 27.4%;
    width: 61.2%;
    height: 4.9%;
    text-align: left;
    padding-left: 1%;
}

.endpage_link01 {    
    position: absolute; top: 68.2%; left: 50%; width: 56%; height: 8.5%; transform: translateX(-50%); cursor: pointer;
	}

.endpage_link02 {    
    position: absolute; top: 78%; left: 50%; width: 56%; height: 8.5%; transform: translateX(-50%); cursor: pointer;
}

#confirm2 {
    position: absolute;
    top: 39.4%;
    left: 50%;
    transform: translateX(-50%);
    width: 53%;
    height: 7%;
    cursor: pointer;
    opacity: 0;
}

.editable1 {
    position: absolute;
    top: 49.95%;
    left: 28.4%;
    width: 57.5%;
    height: 4.9%;
    text-align: left;
    padding-left: 1%;
    font-weight: 700;
    font-size: 18px;
}

.editable2 {
    position: absolute;
    top: 56.65%;
    left: 28.4%;
    width: 57.5%;
    height: 4.9%;
    text-align: left;
    padding-left: 1%;
    font-weight: 700;
    font-size: 18px;
}

.editable3 {
    position: absolute;
    top: 63.4%;
    left: 28.4%;
    width: 57.5%;
    height: 4.9%;
    text-align: left;
    padding-left: 1%;
    font-weight: 700;
    font-size: 18px;
}

.editable4 {
	position: absolute;
    top: 70.1%;
    left: 28.4%;
    width: 57.5%;
    height: 4.9%;
    text-align: left;
    padding-left: 1%;
    border: none;
    font-weight: 700;
    font-size: 18px;
}

#btn_update {
	position: absolute;
    top: 79.4%;
    left: 15%;
    width: 35%;
    height: 5.5%;
    cursor: pointer;
    opacity: 0;
}

#btn_delete {
	position: absolute;
    top: 79.4%;
    left: 52.3%;
    width: 35%;
    height: 5.5%;
    cursor: pointer;
    opacity: 0;
}