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

body {width:100%; max-width:800px; margin:0 auto; font-size:16px; }
img {width:100%;}
.imagemap { position:relative; width:100%;}

input:focus {
  outline: none;
}

input::placeholder {
  color: #EAEAEA;
}

#enumber { 
    position: absolute;
    top: 69.9%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    width: 60%;
    height: 3%;
    background: none;
    text-align: center;
    border: none;
	font-weight:700;
	font-size:1rem;
}

.submit-btn {
	position: absolute;
    top: 76%;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    width: 53%;
    height: 5%;
	cursor:pointer;
}

.myname {
	position: absolute;
	top: 62.75%;
	left: 62%;
	transform: translate(-50%, -50%);
	width: 53%;
	height: 3.55%;
	display: flex;
	align-items: center;
	color: #FFF;
	font-weight: 700;
	font-size:1.5rem;
}

.my_enumber {
    position: absolute;
    top: 67%;
    left: 62%;
    transform: translate(-50%, -50%);
    width: 53%;
	height: 3.55%;
	display: flex;
	align-items: center;
	color: #FFF;
	font-weight:700;
	font-size:1.5rem;
}

.close {
    position: absolute;
    top: 56.2%;
    left: 88.5%;
    transform: translateX(-50%);
    opacity: 0;
    width: 11%;
    height: 5%;
    cursor: pointer;
}

.blink {
	position:absolute;
	top:0%;
	left:0%;
	width:100%;
	height:auto;
	animation: blinkEffect 2s infinite;
	}

@keyframes blinkEffect {
	0% {
		opacity: 1;
		filter: brightness(1);
	}
	50% {
		opacity: 0.5;
		/* 엷어질 때 약간 하얗게 보이도록 */
		filter: brightness(2);
	}
	100% {
		opacity: 1;
		filter: brightness(1);
	}
}

.menu01 {
    position: absolute;
    top: 43.7%;
    left: 50%;
    height: 5.7%;
    transform: translateX(-50%);
    width: 80%;
    cursor: pointer;
	}
	
.menu02 {
    position: absolute;
    top: 51%;
    left: 50%;
    height: 5.7%;
    transform: translateX(-50%);
    width: 80%;
    cursor: pointer;
	}
	
.menu03 {
    position: absolute;
    top: 58.3%;
    left: 50%;
    height: 5.7%;
    transform: translateX(-50%);
    width: 80%;
    cursor: pointer;
	}
	
.menu04 {
    position: absolute;
    top: 65.5%;
    left: 50%;
    height: 5.7%;
    transform: translateX(-50%);
    width: 80%;
    cursor: pointer;
	}
	
.menu05 {
    position: absolute;
    top: 81.8%;
    left: 32%;
    height: 5.7%;
    transform: translateX(-50%);
    width: 35%;
    cursor: pointer;
	}
	
.menu06 {
    position: absolute;
    top: 81.8%;
    left: 68%;
    height: 5.7%;
    transform: translateX(-50%);
    width: 35%;
    cursor: pointer;
	}
	
.kakaomap {
	position: absolute;
    top: 45%;
    left: 50%;
    height: 12%;
    transform: translateX(-50%);
    width: 71%;
    cursor: pointer;
	}